<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2522369" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe831;</span>
                <div class="name">image</div>
                <div class="code-name">&amp;#xe831;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe931;</span>
                <div class="name">IE</div>
                <div class="code-name">&amp;#xe931;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe832;</span>
                <div class="name">mail</div>
                <div class="code-name">&amp;#xe832;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe833;</span>
                <div class="name">table</div>
                <div class="code-name">&amp;#xe833;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe834;</span>
                <div class="name">id card</div>
                <div class="code-name">&amp;#xe834;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe835;</span>
                <div class="name">credit card</div>
                <div class="code-name">&amp;#xe835;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe836;</span>
                <div class="name">heart</div>
                <div class="code-name">&amp;#xe836;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe837;</span>
                <div class="name">block</div>
                <div class="code-name">&amp;#xe837;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe838;</span>
                <div class="name">error</div>
                <div class="code-name">&amp;#xe838;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe839;</span>
                <div class="name">star</div>
                <div class="code-name">&amp;#xe839;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83a;</span>
                <div class="name">gold</div>
                <div class="code-name">&amp;#xe83a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83b;</span>
                <div class="name">heat map</div>
                <div class="code-name">&amp;#xe83b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83c;</span>
                <div class="name">wifi</div>
                <div class="code-name">&amp;#xe83c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83d;</span>
                <div class="name">attachment</div>
                <div class="code-name">&amp;#xe83d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83e;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe83e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83f;</span>
                <div class="name">key</div>
                <div class="code-name">&amp;#xe83f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe840;</span>
                <div class="name">api</div>
                <div class="code-name">&amp;#xe840;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe841;</span>
                <div class="name">disconnect</div>
                <div class="code-name">&amp;#xe841;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe842;</span>
                <div class="name">highlight</div>
                <div class="code-name">&amp;#xe842;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe843;</span>
                <div class="name">monitor</div>
                <div class="code-name">&amp;#xe843;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe844;</span>
                <div class="name">link</div>
                <div class="code-name">&amp;#xe844;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe845;</span>
                <div class="name">man</div>
                <div class="code-name">&amp;#xe845;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe846;</span>
                <div class="name">percentage</div>
                <div class="code-name">&amp;#xe846;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe847;</span>
                <div class="name">pushpin</div>
                <div class="code-name">&amp;#xe847;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe848;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe848;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe849;</span>
                <div class="name">shake</div>
                <div class="code-name">&amp;#xe849;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84b;</span>
                <div class="name">wrench</div>
                <div class="code-name">&amp;#xe84b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84c;</span>
                <div class="name">tags</div>
                <div class="code-name">&amp;#xe84c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84d;</span>
                <div class="name">scissor</div>
                <div class="code-name">&amp;#xe84d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84e;</span>
                <div class="name">mr</div>
                <div class="code-name">&amp;#xe84e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84f;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe84f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe850;</span>
                <div class="name">branches</div>
                <div class="code-name">&amp;#xe850;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe851;</span>
                <div class="name">fork</div>
                <div class="code-name">&amp;#xe851;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe852;</span>
                <div class="name">shrink</div>
                <div class="code-name">&amp;#xe852;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe853;</span>
                <div class="name">arrawsalt</div>
                <div class="code-name">&amp;#xe853;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe854;</span>
                <div class="name">vertical right</div>
                <div class="code-name">&amp;#xe854;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe855;</span>
                <div class="name">vertical left</div>
                <div class="code-name">&amp;#xe855;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe856;</span>
                <div class="name">right</div>
                <div class="code-name">&amp;#xe856;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe857;</span>
                <div class="name">left</div>
                <div class="code-name">&amp;#xe857;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe858;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xe858;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe859;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe859;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85a;</span>
                <div class="name">fullscreen</div>
                <div class="code-name">&amp;#xe85a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85b;</span>
                <div class="name">fullscreen-exit</div>
                <div class="code-name">&amp;#xe85b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85c;</span>
                <div class="name">doubleleft</div>
                <div class="code-name">&amp;#xe85c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85d;</span>
                <div class="name">double right</div>
                <div class="code-name">&amp;#xe85d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85e;</span>
                <div class="name">arrowright</div>
                <div class="code-name">&amp;#xe85e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85f;</span>
                <div class="name">arrowup</div>
                <div class="code-name">&amp;#xe85f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe860;</span>
                <div class="name">arrowleft</div>
                <div class="code-name">&amp;#xe860;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">arrowdown</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe862;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe862;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe863;</span>
                <div class="name">colum-height</div>
                <div class="code-name">&amp;#xe863;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe864;</span>
                <div class="name">vertical-align-botto</div>
                <div class="code-name">&amp;#xe864;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe865;</span>
                <div class="name">vertical-align-middl</div>
                <div class="code-name">&amp;#xe865;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe866;</span>
                <div class="name">totop</div>
                <div class="code-name">&amp;#xe866;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
                <div class="name">vertical-align-top</div>
                <div class="code-name">&amp;#xe867;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe868;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe868;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe869;</span>
                <div class="name">sort-descending</div>
                <div class="code-name">&amp;#xe869;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86a;</span>
                <div class="name">sort-ascending</div>
                <div class="code-name">&amp;#xe86a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86b;</span>
                <div class="name">fall</div>
                <div class="code-name">&amp;#xe86b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86c;</span>
                <div class="name">swap</div>
                <div class="code-name">&amp;#xe86c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86d;</span>
                <div class="name">stock</div>
                <div class="code-name">&amp;#xe86d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">rise</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86f;</span>
                <div class="name">indent</div>
                <div class="code-name">&amp;#xe86f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe870;</span>
                <div class="name">outdent</div>
                <div class="code-name">&amp;#xe870;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">menu</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">unordered list</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe873;</span>
                <div class="name">ordered list</div>
                <div class="code-name">&amp;#xe873;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe874;</span>
                <div class="name">align-right</div>
                <div class="code-name">&amp;#xe874;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe875;</span>
                <div class="name">align-center</div>
                <div class="code-name">&amp;#xe875;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe876;</span>
                <div class="name">align-left</div>
                <div class="code-name">&amp;#xe876;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe877;</span>
                <div class="name">pic-center</div>
                <div class="code-name">&amp;#xe877;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe878;</span>
                <div class="name">pic-right</div>
                <div class="code-name">&amp;#xe878;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe879;</span>
                <div class="name">pic-left</div>
                <div class="code-name">&amp;#xe879;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87a;</span>
                <div class="name">bold</div>
                <div class="code-name">&amp;#xe87a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87b;</span>
                <div class="name">font-colors</div>
                <div class="code-name">&amp;#xe87b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87c;</span>
                <div class="name">exclaimination</div>
                <div class="code-name">&amp;#xe87c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">check-circle</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87d;</span>
                <div class="name">font-size</div>
                <div class="code-name">&amp;#xe87d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">CI</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87e;</span>
                <div class="name">infomation</div>
                <div class="code-name">&amp;#xe87e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">Dollar</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87f;</span>
                <div class="name">line-height</div>
                <div class="code-name">&amp;#xe87f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">compass</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe880;</span>
                <div class="name">strikethrough</div>
                <div class="code-name">&amp;#xe880;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">close-circle</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe881;</span>
                <div class="name">underline</div>
                <div class="code-name">&amp;#xe881;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">frown</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe882;</span>
                <div class="name">number</div>
                <div class="code-name">&amp;#xe882;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">info-circle</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe883;</span>
                <div class="name">italic</div>
                <div class="code-name">&amp;#xe883;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">left-circle</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe884;</span>
                <div class="name">code</div>
                <div class="code-name">&amp;#xe884;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">down-circle</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe885;</span>
                <div class="name">column-width</div>
                <div class="code-name">&amp;#xe885;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">EURO</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe886;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe886;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">copyright</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe887;</span>
                <div class="name">ellipsis</div>
                <div class="code-name">&amp;#xe887;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">minus-circle</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe888;</span>
                <div class="name">dash</div>
                <div class="code-name">&amp;#xe888;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">meh</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe889;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe889;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">plus-circle</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88a;</span>
                <div class="name">enter</div>
                <div class="code-name">&amp;#xe88a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">play-circle</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88b;</span>
                <div class="name">line</div>
                <div class="code-name">&amp;#xe88b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">question-circle</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88c;</span>
                <div class="name">minus</div>
                <div class="code-name">&amp;#xe88c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">Pound</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88d;</span>
                <div class="name">question</div>
                <div class="code-name">&amp;#xe88d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">right-circle</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88e;</span>
                <div class="name">rollback</div>
                <div class="code-name">&amp;#xe88e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88f;</span>
                <div class="name">small-dash</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">trademark</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe890;</span>
                <div class="name">pause</div>
                <div class="code-name">&amp;#xe890;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">time-circle</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe891;</span>
                <div class="name">bg-colors</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">time out</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe892;</span>
                <div class="name">crown</div>
                <div class="code-name">&amp;#xe892;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">earth</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe893;</span>
                <div class="name">drag</div>
                <div class="code-name">&amp;#xe893;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">YUAN</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe894;</span>
                <div class="name">desktop</div>
                <div class="code-name">&amp;#xe894;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">up-circle</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe895;</span>
                <div class="name">gift</div>
                <div class="code-name">&amp;#xe895;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">warning-circle</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe896;</span>
                <div class="name">stop</div>
                <div class="code-name">&amp;#xe896;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">sync</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe897;</span>
                <div class="name">fire</div>
                <div class="code-name">&amp;#xe897;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">transaction</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe898;</span>
                <div class="name">thunderbolt</div>
                <div class="code-name">&amp;#xe898;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">undo</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe899;</span>
                <div class="name">check-circle-fill</div>
                <div class="code-name">&amp;#xe899;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">redo</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89a;</span>
                <div class="name">left-circle-fill</div>
                <div class="code-name">&amp;#xe89a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">reload</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89b;</span>
                <div class="name">down-circle-fill</div>
                <div class="code-name">&amp;#xe89b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">reload time</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89c;</span>
                <div class="name">minus-circle-fill</div>
                <div class="code-name">&amp;#xe89c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">message</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89d;</span>
                <div class="name">close-circle-fill</div>
                <div class="code-name">&amp;#xe89d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">dashboard</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89e;</span>
                <div class="name">info-circle-fill</div>
                <div class="code-name">&amp;#xe89e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">issues close</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89f;</span>
                <div class="name">up-circle-fill</div>
                <div class="code-name">&amp;#xe89f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">poweroff</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a0;</span>
                <div class="name">right-circle-fill</div>
                <div class="code-name">&amp;#xe8a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">logout</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a1;</span>
                <div class="name">plus-circle-fill</div>
                <div class="code-name">&amp;#xe8a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">pie chart</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a2;</span>
                <div class="name">question-circle-fill</div>
                <div class="code-name">&amp;#xe8a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">setting</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a3;</span>
                <div class="name">EURO-circle-fill</div>
                <div class="code-name">&amp;#xe8a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">eye</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a4;</span>
                <div class="name">frown-fill</div>
                <div class="code-name">&amp;#xe8a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">location</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a5;</span>
                <div class="name">copyright-circle-fil</div>
                <div class="code-name">&amp;#xe8a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">edit-square</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a6;</span>
                <div class="name">CI-circle-fill</div>
                <div class="code-name">&amp;#xe8a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">export</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a7;</span>
                <div class="name">compass-fill</div>
                <div class="code-name">&amp;#xe8a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">save</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a8;</span>
                <div class="name">Dollar-circle-fill</div>
                <div class="code-name">&amp;#xe8a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">Import</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a9;</span>
                <div class="name">poweroff-circle-fill</div>
                <div class="code-name">&amp;#xe8a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">app store</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8aa;</span>
                <div class="name">meh-fill</div>
                <div class="code-name">&amp;#xe8aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">close-square</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">play-circle-fill</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">down-square</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ac;</span>
                <div class="name">Pound-circle-fill</div>
                <div class="code-name">&amp;#xe8ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">layout</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ad;</span>
                <div class="name">smile-fill</div>
                <div class="code-name">&amp;#xe8ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">left-square</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ae;</span>
                <div class="name">stop-fill</div>
                <div class="code-name">&amp;#xe8ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">play-square</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8af;</span>
                <div class="name">warning-circle-fill</div>
                <div class="code-name">&amp;#xe8af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">control</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b0;</span>
                <div class="name">time-circle-fill</div>
                <div class="code-name">&amp;#xe8b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">code library</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b1;</span>
                <div class="name">trademark-circle-fil</div>
                <div class="code-name">&amp;#xe8b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">detail</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b2;</span>
                <div class="name">YUAN-circle-fill</div>
                <div class="code-name">&amp;#xe8b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">minus-square</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b3;</span>
                <div class="name">heart-fill</div>
                <div class="code-name">&amp;#xe8b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">plus-square</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b4;</span>
                <div class="name">pie chart-circle-fil</div>
                <div class="code-name">&amp;#xe8b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">right-square</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b5;</span>
                <div class="name">dashboard-fill</div>
                <div class="code-name">&amp;#xe8b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">project</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b6;</span>
                <div class="name">message-fill</div>
                <div class="code-name">&amp;#xe8b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">wallet</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b7;</span>
                <div class="name">check-square-fill</div>
                <div class="code-name">&amp;#xe8b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">up-square</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b8;</span>
                <div class="name">down-square-fill</div>
                <div class="code-name">&amp;#xe8b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">calculator</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b9;</span>
                <div class="name">minus-square-fill</div>
                <div class="code-name">&amp;#xe8b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">interation</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ba;</span>
                <div class="name">close-square-fill</div>
                <div class="code-name">&amp;#xe8ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">check-square</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bb;</span>
                <div class="name">code library-fill</div>
                <div class="code-name">&amp;#xe8bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">border</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bc;</span>
                <div class="name">left-square-fill</div>
                <div class="code-name">&amp;#xe8bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">border-outer</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bd;</span>
                <div class="name">play-square-fill</div>
                <div class="code-name">&amp;#xe8bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">border-top</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8be;</span>
                <div class="name">up-square-fill</div>
                <div class="code-name">&amp;#xe8be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">border-bottom</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bf;</span>
                <div class="name">right-square-fill</div>
                <div class="code-name">&amp;#xe8bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">border-left</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c0;</span>
                <div class="name">plus-square-fill</div>
                <div class="code-name">&amp;#xe8c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">border-right</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c1;</span>
                <div class="name">account book-fill</div>
                <div class="code-name">&amp;#xe8c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">border-inner</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c2;</span>
                <div class="name">carry out-fill</div>
                <div class="code-name">&amp;#xe8c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">border-verticle</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c3;</span>
                <div class="name">calendar-fill</div>
                <div class="code-name">&amp;#xe8c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">border-horizontal</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c4;</span>
                <div class="name">calculator-fill</div>
                <div class="code-name">&amp;#xe8c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">radius-bottomleft</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c5;</span>
                <div class="name">interation-fill</div>
                <div class="code-name">&amp;#xe8c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">radius-bottomright</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c6;</span>
                <div class="name">project-fill</div>
                <div class="code-name">&amp;#xe8c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">radius-upleft</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c7;</span>
                <div class="name">detail-fill</div>
                <div class="code-name">&amp;#xe8c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">radius-upright</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c8;</span>
                <div class="name">save-fill</div>
                <div class="code-name">&amp;#xe8c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">radius-setting</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c9;</span>
                <div class="name">wallet-fill</div>
                <div class="code-name">&amp;#xe8c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">add user</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ca;</span>
                <div class="name">control-fill</div>
                <div class="code-name">&amp;#xe8ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">delete team</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cb;</span>
                <div class="name">layout-fill</div>
                <div class="code-name">&amp;#xe8cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">delete user</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cc;</span>
                <div class="name">app store-fill</div>
                <div class="code-name">&amp;#xe8cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">addteam</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cd;</span>
                <div class="name">mobile-fill</div>
                <div class="code-name">&amp;#xe8cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ce;</span>
                <div class="name">tablet-fill</div>
                <div class="code-name">&amp;#xe8ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">team</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cf;</span>
                <div class="name">book-fill</div>
                <div class="code-name">&amp;#xe8cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">area chart</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d0;</span>
                <div class="name">red envelope-fill</div>
                <div class="code-name">&amp;#xe8d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">line chart</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d1;</span>
                <div class="name">safety certificate-f</div>
                <div class="code-name">&amp;#xe8d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">bar chart</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d2;</span>
                <div class="name">property safety-fill</div>
                <div class="code-name">&amp;#xe8d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">point map</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d3;</span>
                <div class="name">insurance-fill</div>
                <div class="code-name">&amp;#xe8d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">container</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d4;</span>
                <div class="name">security scan-fill</div>
                <div class="code-name">&amp;#xe8d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">database</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d5;</span>
                <div class="name">file-exclamation-fil</div>
                <div class="code-name">&amp;#xe8d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">sever</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d6;</span>
                <div class="name">file-add-fill</div>
                <div class="code-name">&amp;#xe8d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">mobile</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d7;</span>
                <div class="name">file-fill</div>
                <div class="code-name">&amp;#xe8d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">tablet</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d8;</span>
                <div class="name">file-excel-fill</div>
                <div class="code-name">&amp;#xe8d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">red envelope</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d9;</span>
                <div class="name">file-markdown-fill</div>
                <div class="code-name">&amp;#xe8d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">book</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8da;</span>
                <div class="name">file-text-fill</div>
                <div class="code-name">&amp;#xe8da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">file done</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8db;</span>
                <div class="name">file-ppt-fill</div>
                <div class="code-name">&amp;#xe8db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">reconciliation</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8dc;</span>
                <div class="name">file-unknown-fill</div>
                <div class="code-name">&amp;#xe8dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">file -exception</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8dd;</span>
                <div class="name">file-word-fill</div>
                <div class="code-name">&amp;#xe8dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">file sync</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8de;</span>
                <div class="name">file-zip-fill</div>
                <div class="code-name">&amp;#xe8de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">file search</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8df;</span>
                <div class="name">file-pdf-fill</div>
                <div class="code-name">&amp;#xe8df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">solution</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e0;</span>
                <div class="name">file-image-fill</div>
                <div class="code-name">&amp;#xe8e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">file protect</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e1;</span>
                <div class="name">diff-fill</div>
                <div class="code-name">&amp;#xe8e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">file-add</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e2;</span>
                <div class="name">file-copy-fill</div>
                <div class="code-name">&amp;#xe8e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">file-excel</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e3;</span>
                <div class="name">snippets-fill</div>
                <div class="code-name">&amp;#xe8e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">file-exclamation</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e4;</span>
                <div class="name">batch folding-fill</div>
                <div class="code-name">&amp;#xe8e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">file-pdf</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e5;</span>
                <div class="name">reconciliation-fill</div>
                <div class="code-name">&amp;#xe8e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">file-image</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e6;</span>
                <div class="name">folder-add-fill</div>
                <div class="code-name">&amp;#xe8e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">file-markdown</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e7;</span>
                <div class="name">folder-fill</div>
                <div class="code-name">&amp;#xe8e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">file-unknown</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e8;</span>
                <div class="name">folder-open-fill</div>
                <div class="code-name">&amp;#xe8e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">file-ppt</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e9;</span>
                <div class="name">database-fill</div>
                <div class="code-name">&amp;#xe8e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">file-word</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ea;</span>
                <div class="name">container-fill</div>
                <div class="code-name">&amp;#xe8ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">file</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8eb;</span>
                <div class="name">sever-fill</div>
                <div class="code-name">&amp;#xe8eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">file-zip</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ec;</span>
                <div class="name">calendar-check-fill</div>
                <div class="code-name">&amp;#xe8ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">file-text</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ed;</span>
                <div class="name">image-fill</div>
                <div class="code-name">&amp;#xe8ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">file-copy</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ee;</span>
                <div class="name">id card-fill</div>
                <div class="code-name">&amp;#xe8ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">snippets</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ef;</span>
                <div class="name">credit card-fill</div>
                <div class="code-name">&amp;#xe8ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">audit</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f0;</span>
                <div class="name">fund-fill</div>
                <div class="code-name">&amp;#xe8f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">diff</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f1;</span>
                <div class="name">read-fill</div>
                <div class="code-name">&amp;#xe8f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">Batch folding</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f2;</span>
                <div class="name">contacts-fill</div>
                <div class="code-name">&amp;#xe8f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">security scan</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f3;</span>
                <div class="name">delete-fill</div>
                <div class="code-name">&amp;#xe8f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">property safety</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f4;</span>
                <div class="name">notification-fill</div>
                <div class="code-name">&amp;#xe8f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">safety certificate</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f5;</span>
                <div class="name">flag-fill</div>
                <div class="code-name">&amp;#xe8f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">insurance </div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f6;</span>
                <div class="name">money collect-fill</div>
                <div class="code-name">&amp;#xe8f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">alert</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f7;</span>
                <div class="name">medicine box-fill</div>
                <div class="code-name">&amp;#xe8f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f8;</span>
                <div class="name">rest-fill</div>
                <div class="code-name">&amp;#xe8f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">hourglass</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f9;</span>
                <div class="name">shopping-fill</div>
                <div class="code-name">&amp;#xe8f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">bulb</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fa;</span>
                <div class="name">skin-fill</div>
                <div class="code-name">&amp;#xe8fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">experiment</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fb;</span>
                <div class="name">video-fill</div>
                <div class="code-name">&amp;#xe8fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">bell</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fc;</span>
                <div class="name">sound-fill</div>
                <div class="code-name">&amp;#xe8fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fd;</span>
                <div class="name">trophy</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fd;</span>
                <div class="name">bulb-fill</div>
                <div class="code-name">&amp;#xe8fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">rest</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fe;</span>
                <div class="name">bell-fill</div>
                <div class="code-name">&amp;#xe8fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">USB</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ff;</span>
                <div class="name">filter-fill</div>
                <div class="code-name">&amp;#xe8ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">skin</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe900;</span>
                <div class="name">fire-fill</div>
                <div class="code-name">&amp;#xe900;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe901;</span>
                <div class="name">funnel plot-fill</div>
                <div class="code-name">&amp;#xe901;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">bank</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe902;</span>
                <div class="name">gift-fill</div>
                <div class="code-name">&amp;#xe902;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe803;</span>
                <div class="name">filter</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe903;</span>
                <div class="name">hourglass-fill</div>
                <div class="code-name">&amp;#xe903;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe804;</span>
                <div class="name">funnel plot</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe904;</span>
                <div class="name">home-fill</div>
                <div class="code-name">&amp;#xe904;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe905;</span>
                <div class="name">trophy-fill</div>
                <div class="code-name">&amp;#xe905;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe806;</span>
                <div class="name">unlike</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe906;</span>
                <div class="name">location-fill</div>
                <div class="code-name">&amp;#xe906;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe807;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe907;</span>
                <div class="name">cloud-fill</div>
                <div class="code-name">&amp;#xe907;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe808;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe908;</span>
                <div class="name">customerservice-fill</div>
                <div class="code-name">&amp;#xe908;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe809;</span>
                <div class="name">customerservice</div>
                <div class="code-name">&amp;#xe809;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe909;</span>
                <div class="name">experiment-fill</div>
                <div class="code-name">&amp;#xe909;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80a;</span>
                <div class="name">flag</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90a;</span>
                <div class="name">eye-fill</div>
                <div class="code-name">&amp;#xe90a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">money collect</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90b;</span>
                <div class="name">like-fill</div>
                <div class="code-name">&amp;#xe90b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80c;</span>
                <div class="name">medicinebox</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90c;</span>
                <div class="name">lock-fill</div>
                <div class="code-name">&amp;#xe90c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">shop</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90d;</span>
                <div class="name">unlike-fill</div>
                <div class="code-name">&amp;#xe90d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80e;</span>
                <div class="name">rocket</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90e;</span>
                <div class="name">star-fill</div>
                <div class="code-name">&amp;#xe90e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80f;</span>
                <div class="name">shopping</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90f;</span>
                <div class="name">unlock-fill</div>
                <div class="code-name">&amp;#xe90f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe810;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe910;</span>
                <div class="name">alert-fill</div>
                <div class="code-name">&amp;#xe910;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">folder-open</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe911;</span>
                <div class="name">api-fill</div>
                <div class="code-name">&amp;#xe911;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe812;</span>
                <div class="name">folder-add</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe912;</span>
                <div class="name">highlight-fill</div>
                <div class="code-name">&amp;#xe912;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe813;</span>
                <div class="name">deployment unit</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe913;</span>
                <div class="name">phone-fill</div>
                <div class="code-name">&amp;#xe913;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">account book</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe914;</span>
                <div class="name">edit-fill</div>
                <div class="code-name">&amp;#xe914;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">contacts</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe915;</span>
                <div class="name">pushpin-fill</div>
                <div class="code-name">&amp;#xe915;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">carry out</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe916;</span>
                <div class="name">rocket-fill</div>
                <div class="code-name">&amp;#xe916;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">calendar-check</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe917;</span>
                <div class="name">thunderbolt-fill</div>
                <div class="code-name">&amp;#xe917;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">calendar</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe918;</span>
                <div class="name">tag-fill</div>
                <div class="code-name">&amp;#xe918;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">scan</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe919;</span>
                <div class="name">wrench-fill</div>
                <div class="code-name">&amp;#xe919;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">select</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91a;</span>
                <div class="name">tags-fill</div>
                <div class="code-name">&amp;#xe91a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">box plot</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91b;</span>
                <div class="name">bank-fill</div>
                <div class="code-name">&amp;#xe91b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">build</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91c;</span>
                <div class="name">camera-fill</div>
                <div class="code-name">&amp;#xe91c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">sliders</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91d;</span>
                <div class="name">error-fill</div>
                <div class="code-name">&amp;#xe91d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">laptop</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91e;</span>
                <div class="name">crown-fill</div>
                <div class="code-name">&amp;#xe91e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">barcode</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91f;</span>
                <div class="name">mail-fill</div>
                <div class="code-name">&amp;#xe91f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe820;</span>
                <div class="name">camera</div>
                <div class="code-name">&amp;#xe820;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe920;</span>
                <div class="name">car-fill</div>
                <div class="code-name">&amp;#xe920;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe821;</span>
                <div class="name">cluster</div>
                <div class="code-name">&amp;#xe821;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe921;</span>
                <div class="name">printer-fill</div>
                <div class="code-name">&amp;#xe921;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe822;</span>
                <div class="name">gateway</div>
                <div class="code-name">&amp;#xe822;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe922;</span>
                <div class="name">shop-fill</div>
                <div class="code-name">&amp;#xe922;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe823;</span>
                <div class="name">car</div>
                <div class="code-name">&amp;#xe823;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe923;</span>
                <div class="name">setting-fill</div>
                <div class="code-name">&amp;#xe923;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe824;</span>
                <div class="name">printer</div>
                <div class="code-name">&amp;#xe824;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe924;</span>
                <div class="name">USB-fill</div>
                <div class="code-name">&amp;#xe924;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe825;</span>
                <div class="name">read</div>
                <div class="code-name">&amp;#xe825;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe925;</span>
                <div class="name">golden-fill</div>
                <div class="code-name">&amp;#xe925;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe826;</span>
                <div class="name">cloud-server</div>
                <div class="code-name">&amp;#xe826;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe926;</span>
                <div class="name">build-fill</div>
                <div class="code-name">&amp;#xe926;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe827;</span>
                <div class="name">cloud-upload</div>
                <div class="code-name">&amp;#xe827;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe927;</span>
                <div class="name">box plot-fill</div>
                <div class="code-name">&amp;#xe927;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">cloud</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe928;</span>
                <div class="name">sliders-fill</div>
                <div class="code-name">&amp;#xe928;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">cloud-download</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe929;</span>
                <div class="name">alibaba</div>
                <div class="code-name">&amp;#xe929;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82a;</span>
                <div class="name">cloud-sync</div>
                <div class="code-name">&amp;#xe82a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe92a;</span>
                <div class="name">alibabacloud</div>
                <div class="code-name">&amp;#xe92a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">video</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe92b;</span>
                <div class="name">ant design</div>
                <div class="code-name">&amp;#xe92b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82c;</span>
                <div class="name">notification</div>
                <div class="code-name">&amp;#xe82c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe92c;</span>
                <div class="name">ant-cloud</div>
                <div class="code-name">&amp;#xe92c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82d;</span>
                <div class="name">sound</div>
                <div class="code-name">&amp;#xe82d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe92d;</span>
                <div class="name">behance</div>
                <div class="code-name">&amp;#xe92d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82e;</span>
                <div class="name">radar chart</div>
                <div class="code-name">&amp;#xe82e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe92e;</span>
                <div class="name">google plus</div>
                <div class="code-name">&amp;#xe92e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82f;</span>
                <div class="name">qrcode</div>
                <div class="code-name">&amp;#xe82f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe92f;</span>
                <div class="name">medium</div>
                <div class="code-name">&amp;#xe92f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe830;</span>
                <div class="name">fund</div>
                <div class="code-name">&amp;#xe830;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe930;</span>
                <div class="name">google</div>
                <div class="code-name">&amp;#xe930;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1619764394029') format('woff2'),
       url('iconfont.woff?t=1619764394029') format('woff'),
       url('iconfont.ttf?t=1619764394029') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconimage"></span>
            <div class="name">
              image
            </div>
            <div class="code-name">.iconimage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconIE"></span>
            <div class="name">
              IE
            </div>
            <div class="code-name">.iconIE
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail"></span>
            <div class="name">
              mail
            </div>
            <div class="code-name">.iconmail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontable"></span>
            <div class="name">
              table
            </div>
            <div class="code-name">.icontable
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconidcard"></span>
            <div class="name">
              id card
            </div>
            <div class="code-name">.iconidcard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcreditcard"></span>
            <div class="name">
              credit card
            </div>
            <div class="code-name">.iconcreditcard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheart"></span>
            <div class="name">
              heart
            </div>
            <div class="code-name">.iconheart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconblock"></span>
            <div class="name">
              block
            </div>
            <div class="code-name">.iconblock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerror"></span>
            <div class="name">
              error
            </div>
            <div class="code-name">.iconerror
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstar"></span>
            <div class="name">
              star
            </div>
            <div class="code-name">.iconstar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongold"></span>
            <div class="name">
              gold
            </div>
            <div class="code-name">.icongold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheatmap"></span>
            <div class="name">
              heat map
            </div>
            <div class="code-name">.iconheatmap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwifi"></span>
            <div class="name">
              wifi
            </div>
            <div class="code-name">.iconwifi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconattachment"></span>
            <div class="name">
              attachment
            </div>
            <div class="code-name">.iconattachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.iconedit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkey"></span>
            <div class="name">
              key
            </div>
            <div class="code-name">.iconkey
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconapi"></span>
            <div class="name">
              api
            </div>
            <div class="code-name">.iconapi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisconnect"></span>
            <div class="name">
              disconnect
            </div>
            <div class="code-name">.icondisconnect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhighlight"></span>
            <div class="name">
              highlight
            </div>
            <div class="code-name">.iconhighlight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmonitor"></span>
            <div class="name">
              monitor
            </div>
            <div class="code-name">.iconmonitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlink"></span>
            <div class="name">
              link
            </div>
            <div class="code-name">.iconlink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconman"></span>
            <div class="name">
              man
            </div>
            <div class="code-name">.iconman
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpercentage"></span>
            <div class="name">
              percentage
            </div>
            <div class="code-name">.iconpercentage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpushpin"></span>
            <div class="name">
              pushpin
            </div>
            <div class="code-name">.iconpushpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.iconphone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshake"></span>
            <div class="name">
              shake
            </div>
            <div class="code-name">.iconshake
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontag"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.icontag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwrench"></span>
            <div class="name">
              wrench
            </div>
            <div class="code-name">.iconwrench
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontags"></span>
            <div class="name">
              tags
            </div>
            <div class="code-name">.icontags
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscissor"></span>
            <div class="name">
              scissor
            </div>
            <div class="code-name">.iconscissor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmr"></span>
            <div class="name">
              mr
            </div>
            <div class="code-name">.iconmr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshare"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.iconshare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbranches"></span>
            <div class="name">
              branches
            </div>
            <div class="code-name">.iconbranches
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfork"></span>
            <div class="name">
              fork
            </div>
            <div class="code-name">.iconfork
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshrink"></span>
            <div class="name">
              shrink
            </div>
            <div class="code-name">.iconshrink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrawsalt"></span>
            <div class="name">
              arrawsalt
            </div>
            <div class="code-name">.iconarrawsalt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconverticalright"></span>
            <div class="name">
              vertical right
            </div>
            <div class="code-name">.iconverticalright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconverticalleft"></span>
            <div class="name">
              vertical left
            </div>
            <div class="code-name">.iconverticalleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconright"></span>
            <div class="name">
              right
            </div>
            <div class="code-name">.iconright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleft"></span>
            <div class="name">
              left
            </div>
            <div class="code-name">.iconleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconup"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.iconup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondown"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.icondown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfullscreen"></span>
            <div class="name">
              fullscreen
            </div>
            <div class="code-name">.iconfullscreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfullscreen-exit"></span>
            <div class="name">
              fullscreen-exit
            </div>
            <div class="code-name">.iconfullscreen-exit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondoubleleft"></span>
            <div class="name">
              doubleleft
            </div>
            <div class="code-name">.icondoubleleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondoubleright"></span>
            <div class="name">
              double right
            </div>
            <div class="code-name">.icondoubleright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrowright"></span>
            <div class="name">
              arrowright
            </div>
            <div class="code-name">.iconarrowright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrowup"></span>
            <div class="name">
              arrowup
            </div>
            <div class="code-name">.iconarrowup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrowleft"></span>
            <div class="name">
              arrowleft
            </div>
            <div class="code-name">.iconarrowleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrowdown"></span>
            <div class="name">
              arrowdown
            </div>
            <div class="code-name">.iconarrowdown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconupload"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.iconupload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcolum-height"></span>
            <div class="name">
              colum-height
            </div>
            <div class="code-name">.iconcolum-height
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvertical-align-botto"></span>
            <div class="name">
              vertical-align-botto
            </div>
            <div class="code-name">.iconvertical-align-botto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvertical-align-middl"></span>
            <div class="name">
              vertical-align-middl
            </div>
            <div class="code-name">.iconvertical-align-middl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontotop"></span>
            <div class="name">
              totop
            </div>
            <div class="code-name">.icontotop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvertical-align-top"></span>
            <div class="name">
              vertical-align-top
            </div>
            <div class="code-name">.iconvertical-align-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondownload"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.icondownload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort-descending"></span>
            <div class="name">
              sort-descending
            </div>
            <div class="code-name">.iconsort-descending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort-ascending"></span>
            <div class="name">
              sort-ascending
            </div>
            <div class="code-name">.iconsort-ascending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfall"></span>
            <div class="name">
              fall
            </div>
            <div class="code-name">.iconfall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconswap"></span>
            <div class="name">
              swap
            </div>
            <div class="code-name">.iconswap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstock"></span>
            <div class="name">
              stock
            </div>
            <div class="code-name">.iconstock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrise"></span>
            <div class="name">
              rise
            </div>
            <div class="code-name">.iconrise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconindent"></span>
            <div class="name">
              indent
            </div>
            <div class="code-name">.iconindent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconoutdent"></span>
            <div class="name">
              outdent
            </div>
            <div class="code-name">.iconoutdent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmenu"></span>
            <div class="name">
              menu
            </div>
            <div class="code-name">.iconmenu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunorderedlist"></span>
            <div class="name">
              unordered list
            </div>
            <div class="code-name">.iconunorderedlist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconorderedlist"></span>
            <div class="name">
              ordered list
            </div>
            <div class="code-name">.iconorderedlist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-right"></span>
            <div class="name">
              align-right
            </div>
            <div class="code-name">.iconalign-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-center"></span>
            <div class="name">
              align-center
            </div>
            <div class="code-name">.iconalign-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-left"></span>
            <div class="name">
              align-left
            </div>
            <div class="code-name">.iconalign-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-center"></span>
            <div class="name">
              pic-center
            </div>
            <div class="code-name">.iconpic-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-right"></span>
            <div class="name">
              pic-right
            </div>
            <div class="code-name">.iconpic-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-left"></span>
            <div class="name">
              pic-left
            </div>
            <div class="code-name">.iconpic-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbold"></span>
            <div class="name">
              bold
            </div>
            <div class="code-name">.iconbold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-colors"></span>
            <div class="name">
              font-colors
            </div>
            <div class="code-name">.iconfont-colors
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexclaimination"></span>
            <div class="name">
              exclaimination
            </div>
            <div class="code-name">.iconexclaimination
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck-circle"></span>
            <div class="name">
              check-circle
            </div>
            <div class="code-name">.iconcheck-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-size"></span>
            <div class="name">
              font-size
            </div>
            <div class="code-name">.iconfont-size
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconCI"></span>
            <div class="name">
              CI
            </div>
            <div class="code-name">.iconCI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfomation"></span>
            <div class="name">
              infomation
            </div>
            <div class="code-name">.iconinfomation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDollar"></span>
            <div class="name">
              Dollar
            </div>
            <div class="code-name">.iconDollar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconline-height"></span>
            <div class="name">
              line-height
            </div>
            <div class="code-name">.iconline-height
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcompass"></span>
            <div class="name">
              compass
            </div>
            <div class="code-name">.iconcompass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstrikethrough"></span>
            <div class="name">
              strikethrough
            </div>
            <div class="code-name">.iconstrikethrough
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclose-circle"></span>
            <div class="name">
              close-circle
            </div>
            <div class="code-name">.iconclose-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunderline"></span>
            <div class="name">
              underline
            </div>
            <div class="code-name">.iconunderline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfrown"></span>
            <div class="name">
              frown
            </div>
            <div class="code-name">.iconfrown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnumber"></span>
            <div class="name">
              number
            </div>
            <div class="code-name">.iconnumber
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfo-circle"></span>
            <div class="name">
              info-circle
            </div>
            <div class="code-name">.iconinfo-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconitalic"></span>
            <div class="name">
              italic
            </div>
            <div class="code-name">.iconitalic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleft-circle"></span>
            <div class="name">
              left-circle
            </div>
            <div class="code-name">.iconleft-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcode"></span>
            <div class="name">
              code
            </div>
            <div class="code-name">.iconcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondown-circle"></span>
            <div class="name">
              down-circle
            </div>
            <div class="code-name">.icondown-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcolumn-width"></span>
            <div class="name">
              column-width
            </div>
            <div class="code-name">.iconcolumn-width
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconEURO"></span>
            <div class="name">
              EURO
            </div>
            <div class="code-name">.iconEURO
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.iconcheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopyright"></span>
            <div class="name">
              copyright
            </div>
            <div class="code-name">.iconcopyright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconellipsis"></span>
            <div class="name">
              ellipsis
            </div>
            <div class="code-name">.iconellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-circle"></span>
            <div class="name">
              minus-circle
            </div>
            <div class="code-name">.iconminus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondash"></span>
            <div class="name">
              dash
            </div>
            <div class="code-name">.icondash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmeh"></span>
            <div class="name">
              meh
            </div>
            <div class="code-name">.iconmeh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclose"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.iconclose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-circle"></span>
            <div class="name">
              plus-circle
            </div>
            <div class="code-name">.iconplus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconenter"></span>
            <div class="name">
              enter
            </div>
            <div class="code-name">.iconenter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay-circle"></span>
            <div class="name">
              play-circle
            </div>
            <div class="code-name">.iconplay-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconline"></span>
            <div class="name">
              line
            </div>
            <div class="code-name">.iconline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion-circle"></span>
            <div class="name">
              question-circle
            </div>
            <div class="code-name">.iconquestion-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus"></span>
            <div class="name">
              minus
            </div>
            <div class="code-name">.iconminus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPound"></span>
            <div class="name">
              Pound
            </div>
            <div class="code-name">.iconPound
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion"></span>
            <div class="name">
              question
            </div>
            <div class="code-name">.iconquestion
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconright-circle"></span>
            <div class="name">
              right-circle
            </div>
            <div class="code-name">.iconright-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrollback"></span>
            <div class="name">
              rollback
            </div>
            <div class="code-name">.iconrollback
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmile"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.iconsmile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmall-dash"></span>
            <div class="name">
              small-dash
            </div>
            <div class="code-name">.iconsmall-dash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrademark"></span>
            <div class="name">
              trademark
            </div>
            <div class="code-name">.icontrademark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpause"></span>
            <div class="name">
              pause
            </div>
            <div class="code-name">.iconpause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontime-circle"></span>
            <div class="name">
              time-circle
            </div>
            <div class="code-name">.icontime-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbg-colors"></span>
            <div class="name">
              bg-colors
            </div>
            <div class="code-name">.iconbg-colors
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontimeout"></span>
            <div class="name">
              time out
            </div>
            <div class="code-name">.icontimeout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcrown"></span>
            <div class="name">
              crown
            </div>
            <div class="code-name">.iconcrown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconearth"></span>
            <div class="name">
              earth
            </div>
            <div class="code-name">.iconearth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondrag"></span>
            <div class="name">
              drag
            </div>
            <div class="code-name">.icondrag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconYUAN"></span>
            <div class="name">
              YUAN
            </div>
            <div class="code-name">.iconYUAN
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondesktop"></span>
            <div class="name">
              desktop
            </div>
            <div class="code-name">.icondesktop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconup-circle"></span>
            <div class="name">
              up-circle
            </div>
            <div class="code-name">.iconup-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongift"></span>
            <div class="name">
              gift
            </div>
            <div class="code-name">.icongift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarning-circle"></span>
            <div class="name">
              warning-circle
            </div>
            <div class="code-name">.iconwarning-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstop"></span>
            <div class="name">
              stop
            </div>
            <div class="code-name">.iconstop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsync"></span>
            <div class="name">
              sync
            </div>
            <div class="code-name">.iconsync
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfire"></span>
            <div class="name">
              fire
            </div>
            <div class="code-name">.iconfire
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontransaction"></span>
            <div class="name">
              transaction
            </div>
            <div class="code-name">.icontransaction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconthunderbolt"></span>
            <div class="name">
              thunderbolt
            </div>
            <div class="code-name">.iconthunderbolt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconundo"></span>
            <div class="name">
              undo
            </div>
            <div class="code-name">.iconundo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck-circle-fill"></span>
            <div class="name">
              check-circle-fill
            </div>
            <div class="code-name">.iconcheck-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconredo"></span>
            <div class="name">
              redo
            </div>
            <div class="code-name">.iconredo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleft-circle-fill"></span>
            <div class="name">
              left-circle-fill
            </div>
            <div class="code-name">.iconleft-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreload"></span>
            <div class="name">
              reload
            </div>
            <div class="code-name">.iconreload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondown-circle-fill"></span>
            <div class="name">
              down-circle-fill
            </div>
            <div class="code-name">.icondown-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreloadtime"></span>
            <div class="name">
              reload time
            </div>
            <div class="code-name">.iconreloadtime
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-circle-fill"></span>
            <div class="name">
              minus-circle-fill
            </div>
            <div class="code-name">.iconminus-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmessage"></span>
            <div class="name">
              message
            </div>
            <div class="code-name">.iconmessage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclose-circle-fill"></span>
            <div class="name">
              close-circle-fill
            </div>
            <div class="code-name">.iconclose-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondashboard"></span>
            <div class="name">
              dashboard
            </div>
            <div class="code-name">.icondashboard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfo-circle-fill"></span>
            <div class="name">
              info-circle-fill
            </div>
            <div class="code-name">.iconinfo-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconissuesclose"></span>
            <div class="name">
              issues close
            </div>
            <div class="code-name">.iconissuesclose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconup-circle-fill"></span>
            <div class="name">
              up-circle-fill
            </div>
            <div class="code-name">.iconup-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpoweroff"></span>
            <div class="name">
              poweroff
            </div>
            <div class="code-name">.iconpoweroff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconright-circle-fill"></span>
            <div class="name">
              right-circle-fill
            </div>
            <div class="code-name">.iconright-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlogout"></span>
            <div class="name">
              logout
            </div>
            <div class="code-name">.iconlogout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-circle-fill"></span>
            <div class="name">
              plus-circle-fill
            </div>
            <div class="code-name">.iconplus-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpiechart"></span>
            <div class="name">
              pie chart
            </div>
            <div class="code-name">.iconpiechart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion-circle-fill"></span>
            <div class="name">
              question-circle-fill
            </div>
            <div class="code-name">.iconquestion-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsetting"></span>
            <div class="name">
              setting
            </div>
            <div class="code-name">.iconsetting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconEURO-circle-fill"></span>
            <div class="name">
              EURO-circle-fill
            </div>
            <div class="code-name">.iconEURO-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye"></span>
            <div class="name">
              eye
            </div>
            <div class="code-name">.iconeye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfrown-fill"></span>
            <div class="name">
              frown-fill
            </div>
            <div class="code-name">.iconfrown-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlocation"></span>
            <div class="name">
              location
            </div>
            <div class="code-name">.iconlocation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopyright-circle-fil"></span>
            <div class="name">
              copyright-circle-fil
            </div>
            <div class="code-name">.iconcopyright-circle-fil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit-square"></span>
            <div class="name">
              edit-square
            </div>
            <div class="code-name">.iconedit-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconCI-circle-fill"></span>
            <div class="name">
              CI-circle-fill
            </div>
            <div class="code-name">.iconCI-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexport"></span>
            <div class="name">
              export
            </div>
            <div class="code-name">.iconexport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcompass-fill"></span>
            <div class="name">
              compass-fill
            </div>
            <div class="code-name">.iconcompass-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsave"></span>
            <div class="name">
              save
            </div>
            <div class="code-name">.iconsave
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDollar-circle-fill"></span>
            <div class="name">
              Dollar-circle-fill
            </div>
            <div class="code-name">.iconDollar-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconImport"></span>
            <div class="name">
              Import
            </div>
            <div class="code-name">.iconImport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpoweroff-circle-fill"></span>
            <div class="name">
              poweroff-circle-fill
            </div>
            <div class="code-name">.iconpoweroff-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconappstore"></span>
            <div class="name">
              app store
            </div>
            <div class="code-name">.iconappstore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmeh-fill"></span>
            <div class="name">
              meh-fill
            </div>
            <div class="code-name">.iconmeh-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclose-square"></span>
            <div class="name">
              close-square
            </div>
            <div class="code-name">.iconclose-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay-circle-fill"></span>
            <div class="name">
              play-circle-fill
            </div>
            <div class="code-name">.iconplay-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondown-square"></span>
            <div class="name">
              down-square
            </div>
            <div class="code-name">.icondown-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPound-circle-fill"></span>
            <div class="name">
              Pound-circle-fill
            </div>
            <div class="code-name">.iconPound-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlayout"></span>
            <div class="name">
              layout
            </div>
            <div class="code-name">.iconlayout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmile-fill"></span>
            <div class="name">
              smile-fill
            </div>
            <div class="code-name">.iconsmile-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleft-square"></span>
            <div class="name">
              left-square
            </div>
            <div class="code-name">.iconleft-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstop-fill"></span>
            <div class="name">
              stop-fill
            </div>
            <div class="code-name">.iconstop-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay-square"></span>
            <div class="name">
              play-square
            </div>
            <div class="code-name">.iconplay-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarning-circle-fill"></span>
            <div class="name">
              warning-circle-fill
            </div>
            <div class="code-name">.iconwarning-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcontrol"></span>
            <div class="name">
              control
            </div>
            <div class="code-name">.iconcontrol
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontime-circle-fill"></span>
            <div class="name">
              time-circle-fill
            </div>
            <div class="code-name">.icontime-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcodelibrary"></span>
            <div class="name">
              code library
            </div>
            <div class="code-name">.iconcodelibrary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrademark-circle-fil"></span>
            <div class="name">
              trademark-circle-fil
            </div>
            <div class="code-name">.icontrademark-circle-fil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondetail"></span>
            <div class="name">
              detail
            </div>
            <div class="code-name">.icondetail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconYUAN-circle-fill"></span>
            <div class="name">
              YUAN-circle-fill
            </div>
            <div class="code-name">.iconYUAN-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-square"></span>
            <div class="name">
              minus-square
            </div>
            <div class="code-name">.iconminus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheart-fill"></span>
            <div class="name">
              heart-fill
            </div>
            <div class="code-name">.iconheart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-square"></span>
            <div class="name">
              plus-square
            </div>
            <div class="code-name">.iconplus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpiechart-circle-fil"></span>
            <div class="name">
              pie chart-circle-fil
            </div>
            <div class="code-name">.iconpiechart-circle-fil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconright-square"></span>
            <div class="name">
              right-square
            </div>
            <div class="code-name">.iconright-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondashboard-fill"></span>
            <div class="name">
              dashboard-fill
            </div>
            <div class="code-name">.icondashboard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconproject"></span>
            <div class="name">
              project
            </div>
            <div class="code-name">.iconproject
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmessage-fill"></span>
            <div class="name">
              message-fill
            </div>
            <div class="code-name">.iconmessage-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwallet"></span>
            <div class="name">
              wallet
            </div>
            <div class="code-name">.iconwallet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck-square-fill"></span>
            <div class="name">
              check-square-fill
            </div>
            <div class="code-name">.iconcheck-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconup-square"></span>
            <div class="name">
              up-square
            </div>
            <div class="code-name">.iconup-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondown-square-fill"></span>
            <div class="name">
              down-square-fill
            </div>
            <div class="code-name">.icondown-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalculator"></span>
            <div class="name">
              calculator
            </div>
            <div class="code-name">.iconcalculator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-square-fill"></span>
            <div class="name">
              minus-square-fill
            </div>
            <div class="code-name">.iconminus-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinteration"></span>
            <div class="name">
              interation
            </div>
            <div class="code-name">.iconinteration
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclose-square-fill"></span>
            <div class="name">
              close-square-fill
            </div>
            <div class="code-name">.iconclose-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck-square"></span>
            <div class="name">
              check-square
            </div>
            <div class="code-name">.iconcheck-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcodelibrary-fill"></span>
            <div class="name">
              code library-fill
            </div>
            <div class="code-name">.iconcodelibrary-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder"></span>
            <div class="name">
              border
            </div>
            <div class="code-name">.iconborder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleft-square-fill"></span>
            <div class="name">
              left-square-fill
            </div>
            <div class="code-name">.iconleft-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-outer"></span>
            <div class="name">
              border-outer
            </div>
            <div class="code-name">.iconborder-outer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay-square-fill"></span>
            <div class="name">
              play-square-fill
            </div>
            <div class="code-name">.iconplay-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-top"></span>
            <div class="name">
              border-top
            </div>
            <div class="code-name">.iconborder-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconup-square-fill"></span>
            <div class="name">
              up-square-fill
            </div>
            <div class="code-name">.iconup-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-bottom"></span>
            <div class="name">
              border-bottom
            </div>
            <div class="code-name">.iconborder-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconright-square-fill"></span>
            <div class="name">
              right-square-fill
            </div>
            <div class="code-name">.iconright-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-left"></span>
            <div class="name">
              border-left
            </div>
            <div class="code-name">.iconborder-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-square-fill"></span>
            <div class="name">
              plus-square-fill
            </div>
            <div class="code-name">.iconplus-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-right"></span>
            <div class="name">
              border-right
            </div>
            <div class="code-name">.iconborder-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccountbook-fill"></span>
            <div class="name">
              account book-fill
            </div>
            <div class="code-name">.iconaccountbook-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-inner"></span>
            <div class="name">
              border-inner
            </div>
            <div class="code-name">.iconborder-inner
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcarryout-fill"></span>
            <div class="name">
              carry out-fill
            </div>
            <div class="code-name">.iconcarryout-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-verticle"></span>
            <div class="name">
              border-verticle
            </div>
            <div class="code-name">.iconborder-verticle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendar-fill"></span>
            <div class="name">
              calendar-fill
            </div>
            <div class="code-name">.iconcalendar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-horizontal"></span>
            <div class="name">
              border-horizontal
            </div>
            <div class="code-name">.iconborder-horizontal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalculator-fill"></span>
            <div class="name">
              calculator-fill
            </div>
            <div class="code-name">.iconcalculator-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconradius-bottomleft"></span>
            <div class="name">
              radius-bottomleft
            </div>
            <div class="code-name">.iconradius-bottomleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinteration-fill"></span>
            <div class="name">
              interation-fill
            </div>
            <div class="code-name">.iconinteration-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconradius-bottomright"></span>
            <div class="name">
              radius-bottomright
            </div>
            <div class="code-name">.iconradius-bottomright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconproject-fill"></span>
            <div class="name">
              project-fill
            </div>
            <div class="code-name">.iconproject-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconradius-upleft"></span>
            <div class="name">
              radius-upleft
            </div>
            <div class="code-name">.iconradius-upleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondetail-fill"></span>
            <div class="name">
              detail-fill
            </div>
            <div class="code-name">.icondetail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconradius-upright"></span>
            <div class="name">
              radius-upright
            </div>
            <div class="code-name">.iconradius-upright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsave-fill"></span>
            <div class="name">
              save-fill
            </div>
            <div class="code-name">.iconsave-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconradius-setting"></span>
            <div class="name">
              radius-setting
            </div>
            <div class="code-name">.iconradius-setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwallet-fill"></span>
            <div class="name">
              wallet-fill
            </div>
            <div class="code-name">.iconwallet-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadduser"></span>
            <div class="name">
              add user
            </div>
            <div class="code-name">.iconadduser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcontrol-fill"></span>
            <div class="name">
              control-fill
            </div>
            <div class="code-name">.iconcontrol-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondeleteteam"></span>
            <div class="name">
              delete team
            </div>
            <div class="code-name">.icondeleteteam
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlayout-fill"></span>
            <div class="name">
              layout-fill
            </div>
            <div class="code-name">.iconlayout-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondeleteuser"></span>
            <div class="name">
              delete user
            </div>
            <div class="code-name">.icondeleteuser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconappstore-fill"></span>
            <div class="name">
              app store-fill
            </div>
            <div class="code-name">.iconappstore-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaddteam"></span>
            <div class="name">
              addteam
            </div>
            <div class="code-name">.iconaddteam
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile-fill"></span>
            <div class="name">
              mobile-fill
            </div>
            <div class="code-name">.iconmobile-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.iconuser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontablet-fill"></span>
            <div class="name">
              tablet-fill
            </div>
            <div class="code-name">.icontablet-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconteam"></span>
            <div class="name">
              team
            </div>
            <div class="code-name">.iconteam
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbook-fill"></span>
            <div class="name">
              book-fill
            </div>
            <div class="code-name">.iconbook-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconareachart"></span>
            <div class="name">
              area chart
            </div>
            <div class="code-name">.iconareachart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconredenvelope-fill"></span>
            <div class="name">
              red envelope-fill
            </div>
            <div class="code-name">.iconredenvelope-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlinechart"></span>
            <div class="name">
              line chart
            </div>
            <div class="code-name">.iconlinechart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsafetycertificate-f"></span>
            <div class="name">
              safety certificate-f
            </div>
            <div class="code-name">.iconsafetycertificate-f
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbarchart"></span>
            <div class="name">
              bar chart
            </div>
            <div class="code-name">.iconbarchart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpropertysafety-fill"></span>
            <div class="name">
              property safety-fill
            </div>
            <div class="code-name">.iconpropertysafety-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpointmap"></span>
            <div class="name">
              point map
            </div>
            <div class="code-name">.iconpointmap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinsurance-fill"></span>
            <div class="name">
              insurance-fill
            </div>
            <div class="code-name">.iconinsurance-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcontainer"></span>
            <div class="name">
              container
            </div>
            <div class="code-name">.iconcontainer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsecurityscan-fill"></span>
            <div class="name">
              security scan-fill
            </div>
            <div class="code-name">.iconsecurityscan-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase"></span>
            <div class="name">
              database
            </div>
            <div class="code-name">.icondatabase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-exclamation-fil"></span>
            <div class="name">
              file-exclamation-fil
            </div>
            <div class="code-name">.iconfile-exclamation-fil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsever"></span>
            <div class="name">
              sever
            </div>
            <div class="code-name">.iconsever
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-add-fill"></span>
            <div class="name">
              file-add-fill
            </div>
            <div class="code-name">.iconfile-add-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile"></span>
            <div class="name">
              mobile
            </div>
            <div class="code-name">.iconmobile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-fill"></span>
            <div class="name">
              file-fill
            </div>
            <div class="code-name">.iconfile-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontablet"></span>
            <div class="name">
              tablet
            </div>
            <div class="code-name">.icontablet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-excel-fill"></span>
            <div class="name">
              file-excel-fill
            </div>
            <div class="code-name">.iconfile-excel-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconredenvelope"></span>
            <div class="name">
              red envelope
            </div>
            <div class="code-name">.iconredenvelope
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-markdown-fill"></span>
            <div class="name">
              file-markdown-fill
            </div>
            <div class="code-name">.iconfile-markdown-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbook"></span>
            <div class="name">
              book
            </div>
            <div class="code-name">.iconbook
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-text-fill"></span>
            <div class="name">
              file-text-fill
            </div>
            <div class="code-name">.iconfile-text-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfiledone"></span>
            <div class="name">
              file done
            </div>
            <div class="code-name">.iconfiledone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-ppt-fill"></span>
            <div class="name">
              file-ppt-fill
            </div>
            <div class="code-name">.iconfile-ppt-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreconciliation"></span>
            <div class="name">
              reconciliation
            </div>
            <div class="code-name">.iconreconciliation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-unknown-fill"></span>
            <div class="name">
              file-unknown-fill
            </div>
            <div class="code-name">.iconfile-unknown-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-exception"></span>
            <div class="name">
              file -exception
            </div>
            <div class="code-name">.iconfile-exception
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-word-fill"></span>
            <div class="name">
              file-word-fill
            </div>
            <div class="code-name">.iconfile-word-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilesync"></span>
            <div class="name">
              file sync
            </div>
            <div class="code-name">.iconfilesync
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-zip-fill"></span>
            <div class="name">
              file-zip-fill
            </div>
            <div class="code-name">.iconfile-zip-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilesearch"></span>
            <div class="name">
              file search
            </div>
            <div class="code-name">.iconfilesearch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-pdf-fill"></span>
            <div class="name">
              file-pdf-fill
            </div>
            <div class="code-name">.iconfile-pdf-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsolution"></span>
            <div class="name">
              solution
            </div>
            <div class="code-name">.iconsolution
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-image-fill"></span>
            <div class="name">
              file-image-fill
            </div>
            <div class="code-name">.iconfile-image-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfileprotect"></span>
            <div class="name">
              file protect
            </div>
            <div class="code-name">.iconfileprotect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiff-fill"></span>
            <div class="name">
              diff-fill
            </div>
            <div class="code-name">.icondiff-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-add"></span>
            <div class="name">
              file-add
            </div>
            <div class="code-name">.iconfile-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-copy-fill"></span>
            <div class="name">
              file-copy-fill
            </div>
            <div class="code-name">.iconfile-copy-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-excel"></span>
            <div class="name">
              file-excel
            </div>
            <div class="code-name">.iconfile-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsnippets-fill"></span>
            <div class="name">
              snippets-fill
            </div>
            <div class="code-name">.iconsnippets-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-exclamation"></span>
            <div class="name">
              file-exclamation
            </div>
            <div class="code-name">.iconfile-exclamation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbatchfolding-fill"></span>
            <div class="name">
              batch folding-fill
            </div>
            <div class="code-name">.iconbatchfolding-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-pdf"></span>
            <div class="name">
              file-pdf
            </div>
            <div class="code-name">.iconfile-pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreconciliation-fill"></span>
            <div class="name">
              reconciliation-fill
            </div>
            <div class="code-name">.iconreconciliation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-image"></span>
            <div class="name">
              file-image
            </div>
            <div class="code-name">.iconfile-image
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-add-fill"></span>
            <div class="name">
              folder-add-fill
            </div>
            <div class="code-name">.iconfolder-add-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-markdown"></span>
            <div class="name">
              file-markdown
            </div>
            <div class="code-name">.iconfile-markdown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-fill"></span>
            <div class="name">
              folder-fill
            </div>
            <div class="code-name">.iconfolder-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-unknown"></span>
            <div class="name">
              file-unknown
            </div>
            <div class="code-name">.iconfile-unknown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-open-fill"></span>
            <div class="name">
              folder-open-fill
            </div>
            <div class="code-name">.iconfolder-open-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-ppt"></span>
            <div class="name">
              file-ppt
            </div>
            <div class="code-name">.iconfile-ppt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase-fill"></span>
            <div class="name">
              database-fill
            </div>
            <div class="code-name">.icondatabase-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-word"></span>
            <div class="name">
              file-word
            </div>
            <div class="code-name">.iconfile-word
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcontainer-fill"></span>
            <div class="name">
              container-fill
            </div>
            <div class="code-name">.iconcontainer-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile"></span>
            <div class="name">
              file
            </div>
            <div class="code-name">.iconfile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsever-fill"></span>
            <div class="name">
              sever-fill
            </div>
            <div class="code-name">.iconsever-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-zip"></span>
            <div class="name">
              file-zip
            </div>
            <div class="code-name">.iconfile-zip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendar-check-fill"></span>
            <div class="name">
              calendar-check-fill
            </div>
            <div class="code-name">.iconcalendar-check-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-text"></span>
            <div class="name">
              file-text
            </div>
            <div class="code-name">.iconfile-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconimage-fill"></span>
            <div class="name">
              image-fill
            </div>
            <div class="code-name">.iconimage-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-copy"></span>
            <div class="name">
              file-copy
            </div>
            <div class="code-name">.iconfile-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconidcard-fill"></span>
            <div class="name">
              id card-fill
            </div>
            <div class="code-name">.iconidcard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsnippets"></span>
            <div class="name">
              snippets
            </div>
            <div class="code-name">.iconsnippets
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcreditcard-fill"></span>
            <div class="name">
              credit card-fill
            </div>
            <div class="code-name">.iconcreditcard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaudit"></span>
            <div class="name">
              audit
            </div>
            <div class="code-name">.iconaudit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfund-fill"></span>
            <div class="name">
              fund-fill
            </div>
            <div class="code-name">.iconfund-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiff"></span>
            <div class="name">
              diff
            </div>
            <div class="code-name">.icondiff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconread-fill"></span>
            <div class="name">
              read-fill
            </div>
            <div class="code-name">.iconread-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconBatchfolding"></span>
            <div class="name">
              Batch folding
            </div>
            <div class="code-name">.iconBatchfolding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcontacts-fill"></span>
            <div class="name">
              contacts-fill
            </div>
            <div class="code-name">.iconcontacts-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsecurityscan"></span>
            <div class="name">
              security scan
            </div>
            <div class="code-name">.iconsecurityscan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondelete-fill"></span>
            <div class="name">
              delete-fill
            </div>
            <div class="code-name">.icondelete-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpropertysafety"></span>
            <div class="name">
              property safety
            </div>
            <div class="code-name">.iconpropertysafety
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnotification-fill"></span>
            <div class="name">
              notification-fill
            </div>
            <div class="code-name">.iconnotification-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsafetycertificate"></span>
            <div class="name">
              safety certificate
            </div>
            <div class="code-name">.iconsafetycertificate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag-fill"></span>
            <div class="name">
              flag-fill
            </div>
            <div class="code-name">.iconflag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinsurance"></span>
            <div class="name">
              insurance 
            </div>
            <div class="code-name">.iconinsurance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmoneycollect-fill"></span>
            <div class="name">
              money collect-fill
            </div>
            <div class="code-name">.iconmoneycollect-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalert"></span>
            <div class="name">
              alert
            </div>
            <div class="code-name">.iconalert
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmedicinebox-fill"></span>
            <div class="name">
              medicine box-fill
            </div>
            <div class="code-name">.iconmedicinebox-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondelete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.icondelete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrest-fill"></span>
            <div class="name">
              rest-fill
            </div>
            <div class="code-name">.iconrest-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhourglass"></span>
            <div class="name">
              hourglass
            </div>
            <div class="code-name">.iconhourglass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshopping-fill"></span>
            <div class="name">
              shopping-fill
            </div>
            <div class="code-name">.iconshopping-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbulb"></span>
            <div class="name">
              bulb
            </div>
            <div class="code-name">.iconbulb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconskin-fill"></span>
            <div class="name">
              skin-fill
            </div>
            <div class="code-name">.iconskin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexperiment"></span>
            <div class="name">
              experiment
            </div>
            <div class="code-name">.iconexperiment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvideo-fill"></span>
            <div class="name">
              video-fill
            </div>
            <div class="code-name">.iconvideo-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbell"></span>
            <div class="name">
              bell
            </div>
            <div class="code-name">.iconbell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsound-fill"></span>
            <div class="name">
              sound-fill
            </div>
            <div class="code-name">.iconsound-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrophy"></span>
            <div class="name">
              trophy
            </div>
            <div class="code-name">.icontrophy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbulb-fill"></span>
            <div class="name">
              bulb-fill
            </div>
            <div class="code-name">.iconbulb-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrest"></span>
            <div class="name">
              rest
            </div>
            <div class="code-name">.iconrest
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbell-fill"></span>
            <div class="name">
              bell-fill
            </div>
            <div class="code-name">.iconbell-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconUSB"></span>
            <div class="name">
              USB
            </div>
            <div class="code-name">.iconUSB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilter-fill"></span>
            <div class="name">
              filter-fill
            </div>
            <div class="code-name">.iconfilter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconskin"></span>
            <div class="name">
              skin
            </div>
            <div class="code-name">.iconskin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfire-fill"></span>
            <div class="name">
              fire-fill
            </div>
            <div class="code-name">.iconfire-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhome"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.iconhome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfunnelplot-fill"></span>
            <div class="name">
              funnel plot-fill
            </div>
            <div class="code-name">.iconfunnelplot-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbank"></span>
            <div class="name">
              bank
            </div>
            <div class="code-name">.iconbank
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongift-fill"></span>
            <div class="name">
              gift-fill
            </div>
            <div class="code-name">.icongift-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilter"></span>
            <div class="name">
              filter
            </div>
            <div class="code-name">.iconfilter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhourglass-fill"></span>
            <div class="name">
              hourglass-fill
            </div>
            <div class="code-name">.iconhourglass-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfunnelplot"></span>
            <div class="name">
              funnel plot
            </div>
            <div class="code-name">.iconfunnelplot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhome-fill"></span>
            <div class="name">
              home-fill
            </div>
            <div class="code-name">.iconhome-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlike"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.iconlike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrophy-fill"></span>
            <div class="name">
              trophy-fill
            </div>
            <div class="code-name">.icontrophy-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlike"></span>
            <div class="name">
              unlike
            </div>
            <div class="code-name">.iconunlike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlocation-fill"></span>
            <div class="name">
              location-fill
            </div>
            <div class="code-name">.iconlocation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.iconunlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-fill"></span>
            <div class="name">
              cloud-fill
            </div>
            <div class="code-name">.iconcloud-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlock"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.iconlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcustomerservice-fill"></span>
            <div class="name">
              customerservice-fill
            </div>
            <div class="code-name">.iconcustomerservice-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcustomerservice"></span>
            <div class="name">
              customerservice
            </div>
            <div class="code-name">.iconcustomerservice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexperiment-fill"></span>
            <div class="name">
              experiment-fill
            </div>
            <div class="code-name">.iconexperiment-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag"></span>
            <div class="name">
              flag
            </div>
            <div class="code-name">.iconflag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye-fill"></span>
            <div class="name">
              eye-fill
            </div>
            <div class="code-name">.iconeye-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmoneycollect"></span>
            <div class="name">
              money collect
            </div>
            <div class="code-name">.iconmoneycollect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlike-fill"></span>
            <div class="name">
              like-fill
            </div>
            <div class="code-name">.iconlike-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmedicinebox"></span>
            <div class="name">
              medicinebox
            </div>
            <div class="code-name">.iconmedicinebox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlock-fill"></span>
            <div class="name">
              lock-fill
            </div>
            <div class="code-name">.iconlock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshop"></span>
            <div class="name">
              shop
            </div>
            <div class="code-name">.iconshop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlike-fill"></span>
            <div class="name">
              unlike-fill
            </div>
            <div class="code-name">.iconunlike-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrocket"></span>
            <div class="name">
              rocket
            </div>
            <div class="code-name">.iconrocket
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstar-fill"></span>
            <div class="name">
              star-fill
            </div>
            <div class="code-name">.iconstar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshopping"></span>
            <div class="name">
              shopping
            </div>
            <div class="code-name">.iconshopping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock-fill"></span>
            <div class="name">
              unlock-fill
            </div>
            <div class="code-name">.iconunlock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.iconfolder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalert-fill"></span>
            <div class="name">
              alert-fill
            </div>
            <div class="code-name">.iconalert-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-open"></span>
            <div class="name">
              folder-open
            </div>
            <div class="code-name">.iconfolder-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconapi-fill"></span>
            <div class="name">
              api-fill
            </div>
            <div class="code-name">.iconapi-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-add"></span>
            <div class="name">
              folder-add
            </div>
            <div class="code-name">.iconfolder-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhighlight-fill"></span>
            <div class="name">
              highlight-fill
            </div>
            <div class="code-name">.iconhighlight-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondeploymentunit"></span>
            <div class="name">
              deployment unit
            </div>
            <div class="code-name">.icondeploymentunit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-fill"></span>
            <div class="name">
              phone-fill
            </div>
            <div class="code-name">.iconphone-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccountbook"></span>
            <div class="name">
              account book
            </div>
            <div class="code-name">.iconaccountbook
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit-fill"></span>
            <div class="name">
              edit-fill
            </div>
            <div class="code-name">.iconedit-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcontacts"></span>
            <div class="name">
              contacts
            </div>
            <div class="code-name">.iconcontacts
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpushpin-fill"></span>
            <div class="name">
              pushpin-fill
            </div>
            <div class="code-name">.iconpushpin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcarryout"></span>
            <div class="name">
              carry out
            </div>
            <div class="code-name">.iconcarryout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrocket-fill"></span>
            <div class="name">
              rocket-fill
            </div>
            <div class="code-name">.iconrocket-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendar-check"></span>
            <div class="name">
              calendar-check
            </div>
            <div class="code-name">.iconcalendar-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconthunderbolt-fill"></span>
            <div class="name">
              thunderbolt-fill
            </div>
            <div class="code-name">.iconthunderbolt-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendar"></span>
            <div class="name">
              calendar
            </div>
            <div class="code-name">.iconcalendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontag-fill"></span>
            <div class="name">
              tag-fill
            </div>
            <div class="code-name">.icontag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscan"></span>
            <div class="name">
              scan
            </div>
            <div class="code-name">.iconscan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwrench-fill"></span>
            <div class="name">
              wrench-fill
            </div>
            <div class="code-name">.iconwrench-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconselect"></span>
            <div class="name">
              select
            </div>
            <div class="code-name">.iconselect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontags-fill"></span>
            <div class="name">
              tags-fill
            </div>
            <div class="code-name">.icontags-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconboxplot"></span>
            <div class="name">
              box plot
            </div>
            <div class="code-name">.iconboxplot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbank-fill"></span>
            <div class="name">
              bank-fill
            </div>
            <div class="code-name">.iconbank-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbuild"></span>
            <div class="name">
              build
            </div>
            <div class="code-name">.iconbuild
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcamera-fill"></span>
            <div class="name">
              camera-fill
            </div>
            <div class="code-name">.iconcamera-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsliders"></span>
            <div class="name">
              sliders
            </div>
            <div class="code-name">.iconsliders
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerror-fill"></span>
            <div class="name">
              error-fill
            </div>
            <div class="code-name">.iconerror-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlaptop"></span>
            <div class="name">
              laptop
            </div>
            <div class="code-name">.iconlaptop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcrown-fill"></span>
            <div class="name">
              crown-fill
            </div>
            <div class="code-name">.iconcrown-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbarcode"></span>
            <div class="name">
              barcode
            </div>
            <div class="code-name">.iconbarcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail-fill"></span>
            <div class="name">
              mail-fill
            </div>
            <div class="code-name">.iconmail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcamera"></span>
            <div class="name">
              camera
            </div>
            <div class="code-name">.iconcamera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcar-fill"></span>
            <div class="name">
              car-fill
            </div>
            <div class="code-name">.iconcar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcluster"></span>
            <div class="name">
              cluster
            </div>
            <div class="code-name">.iconcluster
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprinter-fill"></span>
            <div class="name">
              printer-fill
            </div>
            <div class="code-name">.iconprinter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongateway"></span>
            <div class="name">
              gateway
            </div>
            <div class="code-name">.icongateway
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshop-fill"></span>
            <div class="name">
              shop-fill
            </div>
            <div class="code-name">.iconshop-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcar"></span>
            <div class="name">
              car
            </div>
            <div class="code-name">.iconcar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsetting-fill"></span>
            <div class="name">
              setting-fill
            </div>
            <div class="code-name">.iconsetting-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprinter"></span>
            <div class="name">
              printer
            </div>
            <div class="code-name">.iconprinter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconUSB-fill"></span>
            <div class="name">
              USB-fill
            </div>
            <div class="code-name">.iconUSB-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconread"></span>
            <div class="name">
              read
            </div>
            <div class="code-name">.iconread
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongolden-fill"></span>
            <div class="name">
              golden-fill
            </div>
            <div class="code-name">.icongolden-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-server"></span>
            <div class="name">
              cloud-server
            </div>
            <div class="code-name">.iconcloud-server
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbuild-fill"></span>
            <div class="name">
              build-fill
            </div>
            <div class="code-name">.iconbuild-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-upload"></span>
            <div class="name">
              cloud-upload
            </div>
            <div class="code-name">.iconcloud-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconboxplot-fill"></span>
            <div class="name">
              box plot-fill
            </div>
            <div class="code-name">.iconboxplot-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud"></span>
            <div class="name">
              cloud
            </div>
            <div class="code-name">.iconcloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsliders-fill"></span>
            <div class="name">
              sliders-fill
            </div>
            <div class="code-name">.iconsliders-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-download"></span>
            <div class="name">
              cloud-download
            </div>
            <div class="code-name">.iconcloud-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalibaba"></span>
            <div class="name">
              alibaba
            </div>
            <div class="code-name">.iconalibaba
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-sync"></span>
            <div class="name">
              cloud-sync
            </div>
            <div class="code-name">.iconcloud-sync
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalibabacloud"></span>
            <div class="name">
              alibabacloud
            </div>
            <div class="code-name">.iconalibabacloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvideo"></span>
            <div class="name">
              video
            </div>
            <div class="code-name">.iconvideo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconantdesign"></span>
            <div class="name">
              ant design
            </div>
            <div class="code-name">.iconantdesign
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnotification"></span>
            <div class="name">
              notification
            </div>
            <div class="code-name">.iconnotification
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconant-cloud"></span>
            <div class="name">
              ant-cloud
            </div>
            <div class="code-name">.iconant-cloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsound"></span>
            <div class="name">
              sound
            </div>
            <div class="code-name">.iconsound
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbehance"></span>
            <div class="name">
              behance
            </div>
            <div class="code-name">.iconbehance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconradarchart"></span>
            <div class="name">
              radar chart
            </div>
            <div class="code-name">.iconradarchart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongoogleplus"></span>
            <div class="name">
              google plus
            </div>
            <div class="code-name">.icongoogleplus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqrcode"></span>
            <div class="name">
              qrcode
            </div>
            <div class="code-name">.iconqrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmedium"></span>
            <div class="name">
              medium
            </div>
            <div class="code-name">.iconmedium
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfund"></span>
            <div class="name">
              fund
            </div>
            <div class="code-name">.iconfund
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongoogle"></span>
            <div class="name">
              google
            </div>
            <div class="code-name">.icongoogle
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconimage"></use>
                </svg>
                <div class="name">image</div>
                <div class="code-name">#iconimage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconIE"></use>
                </svg>
                <div class="name">IE</div>
                <div class="code-name">#iconIE</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail"></use>
                </svg>
                <div class="name">mail</div>
                <div class="code-name">#iconmail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontable"></use>
                </svg>
                <div class="name">table</div>
                <div class="code-name">#icontable</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconidcard"></use>
                </svg>
                <div class="name">id card</div>
                <div class="code-name">#iconidcard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcreditcard"></use>
                </svg>
                <div class="name">credit card</div>
                <div class="code-name">#iconcreditcard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheart"></use>
                </svg>
                <div class="name">heart</div>
                <div class="code-name">#iconheart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconblock"></use>
                </svg>
                <div class="name">block</div>
                <div class="code-name">#iconblock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerror"></use>
                </svg>
                <div class="name">error</div>
                <div class="code-name">#iconerror</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstar"></use>
                </svg>
                <div class="name">star</div>
                <div class="code-name">#iconstar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongold"></use>
                </svg>
                <div class="name">gold</div>
                <div class="code-name">#icongold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheatmap"></use>
                </svg>
                <div class="name">heat map</div>
                <div class="code-name">#iconheatmap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwifi"></use>
                </svg>
                <div class="name">wifi</div>
                <div class="code-name">#iconwifi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconattachment"></use>
                </svg>
                <div class="name">attachment</div>
                <div class="code-name">#iconattachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#iconedit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkey"></use>
                </svg>
                <div class="name">key</div>
                <div class="code-name">#iconkey</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconapi"></use>
                </svg>
                <div class="name">api</div>
                <div class="code-name">#iconapi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisconnect"></use>
                </svg>
                <div class="name">disconnect</div>
                <div class="code-name">#icondisconnect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhighlight"></use>
                </svg>
                <div class="name">highlight</div>
                <div class="code-name">#iconhighlight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmonitor"></use>
                </svg>
                <div class="name">monitor</div>
                <div class="code-name">#iconmonitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlink"></use>
                </svg>
                <div class="name">link</div>
                <div class="code-name">#iconlink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconman"></use>
                </svg>
                <div class="name">man</div>
                <div class="code-name">#iconman</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpercentage"></use>
                </svg>
                <div class="name">percentage</div>
                <div class="code-name">#iconpercentage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpushpin"></use>
                </svg>
                <div class="name">pushpin</div>
                <div class="code-name">#iconpushpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#iconphone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshake"></use>
                </svg>
                <div class="name">shake</div>
                <div class="code-name">#iconshake</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontag"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#icontag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwrench"></use>
                </svg>
                <div class="name">wrench</div>
                <div class="code-name">#iconwrench</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontags"></use>
                </svg>
                <div class="name">tags</div>
                <div class="code-name">#icontags</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscissor"></use>
                </svg>
                <div class="name">scissor</div>
                <div class="code-name">#iconscissor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmr"></use>
                </svg>
                <div class="name">mr</div>
                <div class="code-name">#iconmr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshare"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#iconshare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbranches"></use>
                </svg>
                <div class="name">branches</div>
                <div class="code-name">#iconbranches</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfork"></use>
                </svg>
                <div class="name">fork</div>
                <div class="code-name">#iconfork</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshrink"></use>
                </svg>
                <div class="name">shrink</div>
                <div class="code-name">#iconshrink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrawsalt"></use>
                </svg>
                <div class="name">arrawsalt</div>
                <div class="code-name">#iconarrawsalt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconverticalright"></use>
                </svg>
                <div class="name">vertical right</div>
                <div class="code-name">#iconverticalright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconverticalleft"></use>
                </svg>
                <div class="name">vertical left</div>
                <div class="code-name">#iconverticalleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconright"></use>
                </svg>
                <div class="name">right</div>
                <div class="code-name">#iconright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleft"></use>
                </svg>
                <div class="name">left</div>
                <div class="code-name">#iconleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconup"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#iconup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondown"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#icondown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfullscreen"></use>
                </svg>
                <div class="name">fullscreen</div>
                <div class="code-name">#iconfullscreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfullscreen-exit"></use>
                </svg>
                <div class="name">fullscreen-exit</div>
                <div class="code-name">#iconfullscreen-exit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondoubleleft"></use>
                </svg>
                <div class="name">doubleleft</div>
                <div class="code-name">#icondoubleleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondoubleright"></use>
                </svg>
                <div class="name">double right</div>
                <div class="code-name">#icondoubleright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrowright"></use>
                </svg>
                <div class="name">arrowright</div>
                <div class="code-name">#iconarrowright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrowup"></use>
                </svg>
                <div class="name">arrowup</div>
                <div class="code-name">#iconarrowup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrowleft"></use>
                </svg>
                <div class="name">arrowleft</div>
                <div class="code-name">#iconarrowleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrowdown"></use>
                </svg>
                <div class="name">arrowdown</div>
                <div class="code-name">#iconarrowdown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconupload"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#iconupload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcolum-height"></use>
                </svg>
                <div class="name">colum-height</div>
                <div class="code-name">#iconcolum-height</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvertical-align-botto"></use>
                </svg>
                <div class="name">vertical-align-botto</div>
                <div class="code-name">#iconvertical-align-botto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvertical-align-middl"></use>
                </svg>
                <div class="name">vertical-align-middl</div>
                <div class="code-name">#iconvertical-align-middl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontotop"></use>
                </svg>
                <div class="name">totop</div>
                <div class="code-name">#icontotop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvertical-align-top"></use>
                </svg>
                <div class="name">vertical-align-top</div>
                <div class="code-name">#iconvertical-align-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondownload"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#icondownload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort-descending"></use>
                </svg>
                <div class="name">sort-descending</div>
                <div class="code-name">#iconsort-descending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort-ascending"></use>
                </svg>
                <div class="name">sort-ascending</div>
                <div class="code-name">#iconsort-ascending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfall"></use>
                </svg>
                <div class="name">fall</div>
                <div class="code-name">#iconfall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconswap"></use>
                </svg>
                <div class="name">swap</div>
                <div class="code-name">#iconswap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstock"></use>
                </svg>
                <div class="name">stock</div>
                <div class="code-name">#iconstock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrise"></use>
                </svg>
                <div class="name">rise</div>
                <div class="code-name">#iconrise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconindent"></use>
                </svg>
                <div class="name">indent</div>
                <div class="code-name">#iconindent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconoutdent"></use>
                </svg>
                <div class="name">outdent</div>
                <div class="code-name">#iconoutdent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmenu"></use>
                </svg>
                <div class="name">menu</div>
                <div class="code-name">#iconmenu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunorderedlist"></use>
                </svg>
                <div class="name">unordered list</div>
                <div class="code-name">#iconunorderedlist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconorderedlist"></use>
                </svg>
                <div class="name">ordered list</div>
                <div class="code-name">#iconorderedlist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-right"></use>
                </svg>
                <div class="name">align-right</div>
                <div class="code-name">#iconalign-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-center"></use>
                </svg>
                <div class="name">align-center</div>
                <div class="code-name">#iconalign-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-left"></use>
                </svg>
                <div class="name">align-left</div>
                <div class="code-name">#iconalign-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-center"></use>
                </svg>
                <div class="name">pic-center</div>
                <div class="code-name">#iconpic-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-right"></use>
                </svg>
                <div class="name">pic-right</div>
                <div class="code-name">#iconpic-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-left"></use>
                </svg>
                <div class="name">pic-left</div>
                <div class="code-name">#iconpic-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbold"></use>
                </svg>
                <div class="name">bold</div>
                <div class="code-name">#iconbold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-colors"></use>
                </svg>
                <div class="name">font-colors</div>
                <div class="code-name">#iconfont-colors</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexclaimination"></use>
                </svg>
                <div class="name">exclaimination</div>
                <div class="code-name">#iconexclaimination</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck-circle"></use>
                </svg>
                <div class="name">check-circle</div>
                <div class="code-name">#iconcheck-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-size"></use>
                </svg>
                <div class="name">font-size</div>
                <div class="code-name">#iconfont-size</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconCI"></use>
                </svg>
                <div class="name">CI</div>
                <div class="code-name">#iconCI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfomation"></use>
                </svg>
                <div class="name">infomation</div>
                <div class="code-name">#iconinfomation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDollar"></use>
                </svg>
                <div class="name">Dollar</div>
                <div class="code-name">#iconDollar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconline-height"></use>
                </svg>
                <div class="name">line-height</div>
                <div class="code-name">#iconline-height</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcompass"></use>
                </svg>
                <div class="name">compass</div>
                <div class="code-name">#iconcompass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstrikethrough"></use>
                </svg>
                <div class="name">strikethrough</div>
                <div class="code-name">#iconstrikethrough</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclose-circle"></use>
                </svg>
                <div class="name">close-circle</div>
                <div class="code-name">#iconclose-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunderline"></use>
                </svg>
                <div class="name">underline</div>
                <div class="code-name">#iconunderline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfrown"></use>
                </svg>
                <div class="name">frown</div>
                <div class="code-name">#iconfrown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnumber"></use>
                </svg>
                <div class="name">number</div>
                <div class="code-name">#iconnumber</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfo-circle"></use>
                </svg>
                <div class="name">info-circle</div>
                <div class="code-name">#iconinfo-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconitalic"></use>
                </svg>
                <div class="name">italic</div>
                <div class="code-name">#iconitalic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleft-circle"></use>
                </svg>
                <div class="name">left-circle</div>
                <div class="code-name">#iconleft-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcode"></use>
                </svg>
                <div class="name">code</div>
                <div class="code-name">#iconcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondown-circle"></use>
                </svg>
                <div class="name">down-circle</div>
                <div class="code-name">#icondown-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcolumn-width"></use>
                </svg>
                <div class="name">column-width</div>
                <div class="code-name">#iconcolumn-width</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconEURO"></use>
                </svg>
                <div class="name">EURO</div>
                <div class="code-name">#iconEURO</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#iconcheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopyright"></use>
                </svg>
                <div class="name">copyright</div>
                <div class="code-name">#iconcopyright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconellipsis"></use>
                </svg>
                <div class="name">ellipsis</div>
                <div class="code-name">#iconellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-circle"></use>
                </svg>
                <div class="name">minus-circle</div>
                <div class="code-name">#iconminus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondash"></use>
                </svg>
                <div class="name">dash</div>
                <div class="code-name">#icondash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmeh"></use>
                </svg>
                <div class="name">meh</div>
                <div class="code-name">#iconmeh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclose"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#iconclose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-circle"></use>
                </svg>
                <div class="name">plus-circle</div>
                <div class="code-name">#iconplus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconenter"></use>
                </svg>
                <div class="name">enter</div>
                <div class="code-name">#iconenter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay-circle"></use>
                </svg>
                <div class="name">play-circle</div>
                <div class="code-name">#iconplay-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconline"></use>
                </svg>
                <div class="name">line</div>
                <div class="code-name">#iconline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion-circle"></use>
                </svg>
                <div class="name">question-circle</div>
                <div class="code-name">#iconquestion-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus"></use>
                </svg>
                <div class="name">minus</div>
                <div class="code-name">#iconminus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPound"></use>
                </svg>
                <div class="name">Pound</div>
                <div class="code-name">#iconPound</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion"></use>
                </svg>
                <div class="name">question</div>
                <div class="code-name">#iconquestion</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconright-circle"></use>
                </svg>
                <div class="name">right-circle</div>
                <div class="code-name">#iconright-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrollback"></use>
                </svg>
                <div class="name">rollback</div>
                <div class="code-name">#iconrollback</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmile"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#iconsmile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmall-dash"></use>
                </svg>
                <div class="name">small-dash</div>
                <div class="code-name">#iconsmall-dash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrademark"></use>
                </svg>
                <div class="name">trademark</div>
                <div class="code-name">#icontrademark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpause"></use>
                </svg>
                <div class="name">pause</div>
                <div class="code-name">#iconpause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontime-circle"></use>
                </svg>
                <div class="name">time-circle</div>
                <div class="code-name">#icontime-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbg-colors"></use>
                </svg>
                <div class="name">bg-colors</div>
                <div class="code-name">#iconbg-colors</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontimeout"></use>
                </svg>
                <div class="name">time out</div>
                <div class="code-name">#icontimeout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcrown"></use>
                </svg>
                <div class="name">crown</div>
                <div class="code-name">#iconcrown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconearth"></use>
                </svg>
                <div class="name">earth</div>
                <div class="code-name">#iconearth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondrag"></use>
                </svg>
                <div class="name">drag</div>
                <div class="code-name">#icondrag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconYUAN"></use>
                </svg>
                <div class="name">YUAN</div>
                <div class="code-name">#iconYUAN</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondesktop"></use>
                </svg>
                <div class="name">desktop</div>
                <div class="code-name">#icondesktop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconup-circle"></use>
                </svg>
                <div class="name">up-circle</div>
                <div class="code-name">#iconup-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongift"></use>
                </svg>
                <div class="name">gift</div>
                <div class="code-name">#icongift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarning-circle"></use>
                </svg>
                <div class="name">warning-circle</div>
                <div class="code-name">#iconwarning-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstop"></use>
                </svg>
                <div class="name">stop</div>
                <div class="code-name">#iconstop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsync"></use>
                </svg>
                <div class="name">sync</div>
                <div class="code-name">#iconsync</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfire"></use>
                </svg>
                <div class="name">fire</div>
                <div class="code-name">#iconfire</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontransaction"></use>
                </svg>
                <div class="name">transaction</div>
                <div class="code-name">#icontransaction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconthunderbolt"></use>
                </svg>
                <div class="name">thunderbolt</div>
                <div class="code-name">#iconthunderbolt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconundo"></use>
                </svg>
                <div class="name">undo</div>
                <div class="code-name">#iconundo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck-circle-fill"></use>
                </svg>
                <div class="name">check-circle-fill</div>
                <div class="code-name">#iconcheck-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconredo"></use>
                </svg>
                <div class="name">redo</div>
                <div class="code-name">#iconredo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleft-circle-fill"></use>
                </svg>
                <div class="name">left-circle-fill</div>
                <div class="code-name">#iconleft-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreload"></use>
                </svg>
                <div class="name">reload</div>
                <div class="code-name">#iconreload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondown-circle-fill"></use>
                </svg>
                <div class="name">down-circle-fill</div>
                <div class="code-name">#icondown-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreloadtime"></use>
                </svg>
                <div class="name">reload time</div>
                <div class="code-name">#iconreloadtime</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-circle-fill"></use>
                </svg>
                <div class="name">minus-circle-fill</div>
                <div class="code-name">#iconminus-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmessage"></use>
                </svg>
                <div class="name">message</div>
                <div class="code-name">#iconmessage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclose-circle-fill"></use>
                </svg>
                <div class="name">close-circle-fill</div>
                <div class="code-name">#iconclose-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondashboard"></use>
                </svg>
                <div class="name">dashboard</div>
                <div class="code-name">#icondashboard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfo-circle-fill"></use>
                </svg>
                <div class="name">info-circle-fill</div>
                <div class="code-name">#iconinfo-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconissuesclose"></use>
                </svg>
                <div class="name">issues close</div>
                <div class="code-name">#iconissuesclose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconup-circle-fill"></use>
                </svg>
                <div class="name">up-circle-fill</div>
                <div class="code-name">#iconup-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpoweroff"></use>
                </svg>
                <div class="name">poweroff</div>
                <div class="code-name">#iconpoweroff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconright-circle-fill"></use>
                </svg>
                <div class="name">right-circle-fill</div>
                <div class="code-name">#iconright-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlogout"></use>
                </svg>
                <div class="name">logout</div>
                <div class="code-name">#iconlogout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-circle-fill"></use>
                </svg>
                <div class="name">plus-circle-fill</div>
                <div class="code-name">#iconplus-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpiechart"></use>
                </svg>
                <div class="name">pie chart</div>
                <div class="code-name">#iconpiechart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion-circle-fill"></use>
                </svg>
                <div class="name">question-circle-fill</div>
                <div class="code-name">#iconquestion-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsetting"></use>
                </svg>
                <div class="name">setting</div>
                <div class="code-name">#iconsetting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconEURO-circle-fill"></use>
                </svg>
                <div class="name">EURO-circle-fill</div>
                <div class="code-name">#iconEURO-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye"></use>
                </svg>
                <div class="name">eye</div>
                <div class="code-name">#iconeye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfrown-fill"></use>
                </svg>
                <div class="name">frown-fill</div>
                <div class="code-name">#iconfrown-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlocation"></use>
                </svg>
                <div class="name">location</div>
                <div class="code-name">#iconlocation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopyright-circle-fil"></use>
                </svg>
                <div class="name">copyright-circle-fil</div>
                <div class="code-name">#iconcopyright-circle-fil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit-square"></use>
                </svg>
                <div class="name">edit-square</div>
                <div class="code-name">#iconedit-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconCI-circle-fill"></use>
                </svg>
                <div class="name">CI-circle-fill</div>
                <div class="code-name">#iconCI-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexport"></use>
                </svg>
                <div class="name">export</div>
                <div class="code-name">#iconexport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcompass-fill"></use>
                </svg>
                <div class="name">compass-fill</div>
                <div class="code-name">#iconcompass-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsave"></use>
                </svg>
                <div class="name">save</div>
                <div class="code-name">#iconsave</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDollar-circle-fill"></use>
                </svg>
                <div class="name">Dollar-circle-fill</div>
                <div class="code-name">#iconDollar-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconImport"></use>
                </svg>
                <div class="name">Import</div>
                <div class="code-name">#iconImport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpoweroff-circle-fill"></use>
                </svg>
                <div class="name">poweroff-circle-fill</div>
                <div class="code-name">#iconpoweroff-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconappstore"></use>
                </svg>
                <div class="name">app store</div>
                <div class="code-name">#iconappstore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmeh-fill"></use>
                </svg>
                <div class="name">meh-fill</div>
                <div class="code-name">#iconmeh-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclose-square"></use>
                </svg>
                <div class="name">close-square</div>
                <div class="code-name">#iconclose-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay-circle-fill"></use>
                </svg>
                <div class="name">play-circle-fill</div>
                <div class="code-name">#iconplay-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondown-square"></use>
                </svg>
                <div class="name">down-square</div>
                <div class="code-name">#icondown-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPound-circle-fill"></use>
                </svg>
                <div class="name">Pound-circle-fill</div>
                <div class="code-name">#iconPound-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlayout"></use>
                </svg>
                <div class="name">layout</div>
                <div class="code-name">#iconlayout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmile-fill"></use>
                </svg>
                <div class="name">smile-fill</div>
                <div class="code-name">#iconsmile-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleft-square"></use>
                </svg>
                <div class="name">left-square</div>
                <div class="code-name">#iconleft-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstop-fill"></use>
                </svg>
                <div class="name">stop-fill</div>
                <div class="code-name">#iconstop-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay-square"></use>
                </svg>
                <div class="name">play-square</div>
                <div class="code-name">#iconplay-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarning-circle-fill"></use>
                </svg>
                <div class="name">warning-circle-fill</div>
                <div class="code-name">#iconwarning-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcontrol"></use>
                </svg>
                <div class="name">control</div>
                <div class="code-name">#iconcontrol</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontime-circle-fill"></use>
                </svg>
                <div class="name">time-circle-fill</div>
                <div class="code-name">#icontime-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcodelibrary"></use>
                </svg>
                <div class="name">code library</div>
                <div class="code-name">#iconcodelibrary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrademark-circle-fil"></use>
                </svg>
                <div class="name">trademark-circle-fil</div>
                <div class="code-name">#icontrademark-circle-fil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondetail"></use>
                </svg>
                <div class="name">detail</div>
                <div class="code-name">#icondetail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconYUAN-circle-fill"></use>
                </svg>
                <div class="name">YUAN-circle-fill</div>
                <div class="code-name">#iconYUAN-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-square"></use>
                </svg>
                <div class="name">minus-square</div>
                <div class="code-name">#iconminus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheart-fill"></use>
                </svg>
                <div class="name">heart-fill</div>
                <div class="code-name">#iconheart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-square"></use>
                </svg>
                <div class="name">plus-square</div>
                <div class="code-name">#iconplus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpiechart-circle-fil"></use>
                </svg>
                <div class="name">pie chart-circle-fil</div>
                <div class="code-name">#iconpiechart-circle-fil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconright-square"></use>
                </svg>
                <div class="name">right-square</div>
                <div class="code-name">#iconright-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondashboard-fill"></use>
                </svg>
                <div class="name">dashboard-fill</div>
                <div class="code-name">#icondashboard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconproject"></use>
                </svg>
                <div class="name">project</div>
                <div class="code-name">#iconproject</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmessage-fill"></use>
                </svg>
                <div class="name">message-fill</div>
                <div class="code-name">#iconmessage-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwallet"></use>
                </svg>
                <div class="name">wallet</div>
                <div class="code-name">#iconwallet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck-square-fill"></use>
                </svg>
                <div class="name">check-square-fill</div>
                <div class="code-name">#iconcheck-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconup-square"></use>
                </svg>
                <div class="name">up-square</div>
                <div class="code-name">#iconup-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondown-square-fill"></use>
                </svg>
                <div class="name">down-square-fill</div>
                <div class="code-name">#icondown-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalculator"></use>
                </svg>
                <div class="name">calculator</div>
                <div class="code-name">#iconcalculator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-square-fill"></use>
                </svg>
                <div class="name">minus-square-fill</div>
                <div class="code-name">#iconminus-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinteration"></use>
                </svg>
                <div class="name">interation</div>
                <div class="code-name">#iconinteration</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclose-square-fill"></use>
                </svg>
                <div class="name">close-square-fill</div>
                <div class="code-name">#iconclose-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck-square"></use>
                </svg>
                <div class="name">check-square</div>
                <div class="code-name">#iconcheck-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcodelibrary-fill"></use>
                </svg>
                <div class="name">code library-fill</div>
                <div class="code-name">#iconcodelibrary-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder"></use>
                </svg>
                <div class="name">border</div>
                <div class="code-name">#iconborder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleft-square-fill"></use>
                </svg>
                <div class="name">left-square-fill</div>
                <div class="code-name">#iconleft-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-outer"></use>
                </svg>
                <div class="name">border-outer</div>
                <div class="code-name">#iconborder-outer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay-square-fill"></use>
                </svg>
                <div class="name">play-square-fill</div>
                <div class="code-name">#iconplay-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-top"></use>
                </svg>
                <div class="name">border-top</div>
                <div class="code-name">#iconborder-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconup-square-fill"></use>
                </svg>
                <div class="name">up-square-fill</div>
                <div class="code-name">#iconup-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-bottom"></use>
                </svg>
                <div class="name">border-bottom</div>
                <div class="code-name">#iconborder-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconright-square-fill"></use>
                </svg>
                <div class="name">right-square-fill</div>
                <div class="code-name">#iconright-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-left"></use>
                </svg>
                <div class="name">border-left</div>
                <div class="code-name">#iconborder-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-square-fill"></use>
                </svg>
                <div class="name">plus-square-fill</div>
                <div class="code-name">#iconplus-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-right"></use>
                </svg>
                <div class="name">border-right</div>
                <div class="code-name">#iconborder-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccountbook-fill"></use>
                </svg>
                <div class="name">account book-fill</div>
                <div class="code-name">#iconaccountbook-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-inner"></use>
                </svg>
                <div class="name">border-inner</div>
                <div class="code-name">#iconborder-inner</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcarryout-fill"></use>
                </svg>
                <div class="name">carry out-fill</div>
                <div class="code-name">#iconcarryout-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-verticle"></use>
                </svg>
                <div class="name">border-verticle</div>
                <div class="code-name">#iconborder-verticle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendar-fill"></use>
                </svg>
                <div class="name">calendar-fill</div>
                <div class="code-name">#iconcalendar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-horizontal"></use>
                </svg>
                <div class="name">border-horizontal</div>
                <div class="code-name">#iconborder-horizontal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalculator-fill"></use>
                </svg>
                <div class="name">calculator-fill</div>
                <div class="code-name">#iconcalculator-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconradius-bottomleft"></use>
                </svg>
                <div class="name">radius-bottomleft</div>
                <div class="code-name">#iconradius-bottomleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinteration-fill"></use>
                </svg>
                <div class="name">interation-fill</div>
                <div class="code-name">#iconinteration-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconradius-bottomright"></use>
                </svg>
                <div class="name">radius-bottomright</div>
                <div class="code-name">#iconradius-bottomright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconproject-fill"></use>
                </svg>
                <div class="name">project-fill</div>
                <div class="code-name">#iconproject-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconradius-upleft"></use>
                </svg>
                <div class="name">radius-upleft</div>
                <div class="code-name">#iconradius-upleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondetail-fill"></use>
                </svg>
                <div class="name">detail-fill</div>
                <div class="code-name">#icondetail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconradius-upright"></use>
                </svg>
                <div class="name">radius-upright</div>
                <div class="code-name">#iconradius-upright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsave-fill"></use>
                </svg>
                <div class="name">save-fill</div>
                <div class="code-name">#iconsave-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconradius-setting"></use>
                </svg>
                <div class="name">radius-setting</div>
                <div class="code-name">#iconradius-setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwallet-fill"></use>
                </svg>
                <div class="name">wallet-fill</div>
                <div class="code-name">#iconwallet-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadduser"></use>
                </svg>
                <div class="name">add user</div>
                <div class="code-name">#iconadduser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcontrol-fill"></use>
                </svg>
                <div class="name">control-fill</div>
                <div class="code-name">#iconcontrol-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondeleteteam"></use>
                </svg>
                <div class="name">delete team</div>
                <div class="code-name">#icondeleteteam</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlayout-fill"></use>
                </svg>
                <div class="name">layout-fill</div>
                <div class="code-name">#iconlayout-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondeleteuser"></use>
                </svg>
                <div class="name">delete user</div>
                <div class="code-name">#icondeleteuser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconappstore-fill"></use>
                </svg>
                <div class="name">app store-fill</div>
                <div class="code-name">#iconappstore-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaddteam"></use>
                </svg>
                <div class="name">addteam</div>
                <div class="code-name">#iconaddteam</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile-fill"></use>
                </svg>
                <div class="name">mobile-fill</div>
                <div class="code-name">#iconmobile-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#iconuser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontablet-fill"></use>
                </svg>
                <div class="name">tablet-fill</div>
                <div class="code-name">#icontablet-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconteam"></use>
                </svg>
                <div class="name">team</div>
                <div class="code-name">#iconteam</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbook-fill"></use>
                </svg>
                <div class="name">book-fill</div>
                <div class="code-name">#iconbook-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconareachart"></use>
                </svg>
                <div class="name">area chart</div>
                <div class="code-name">#iconareachart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconredenvelope-fill"></use>
                </svg>
                <div class="name">red envelope-fill</div>
                <div class="code-name">#iconredenvelope-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlinechart"></use>
                </svg>
                <div class="name">line chart</div>
                <div class="code-name">#iconlinechart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsafetycertificate-f"></use>
                </svg>
                <div class="name">safety certificate-f</div>
                <div class="code-name">#iconsafetycertificate-f</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbarchart"></use>
                </svg>
                <div class="name">bar chart</div>
                <div class="code-name">#iconbarchart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpropertysafety-fill"></use>
                </svg>
                <div class="name">property safety-fill</div>
                <div class="code-name">#iconpropertysafety-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpointmap"></use>
                </svg>
                <div class="name">point map</div>
                <div class="code-name">#iconpointmap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinsurance-fill"></use>
                </svg>
                <div class="name">insurance-fill</div>
                <div class="code-name">#iconinsurance-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcontainer"></use>
                </svg>
                <div class="name">container</div>
                <div class="code-name">#iconcontainer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsecurityscan-fill"></use>
                </svg>
                <div class="name">security scan-fill</div>
                <div class="code-name">#iconsecurityscan-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase"></use>
                </svg>
                <div class="name">database</div>
                <div class="code-name">#icondatabase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-exclamation-fil"></use>
                </svg>
                <div class="name">file-exclamation-fil</div>
                <div class="code-name">#iconfile-exclamation-fil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsever"></use>
                </svg>
                <div class="name">sever</div>
                <div class="code-name">#iconsever</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-add-fill"></use>
                </svg>
                <div class="name">file-add-fill</div>
                <div class="code-name">#iconfile-add-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile"></use>
                </svg>
                <div class="name">mobile</div>
                <div class="code-name">#iconmobile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-fill"></use>
                </svg>
                <div class="name">file-fill</div>
                <div class="code-name">#iconfile-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontablet"></use>
                </svg>
                <div class="name">tablet</div>
                <div class="code-name">#icontablet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-excel-fill"></use>
                </svg>
                <div class="name">file-excel-fill</div>
                <div class="code-name">#iconfile-excel-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconredenvelope"></use>
                </svg>
                <div class="name">red envelope</div>
                <div class="code-name">#iconredenvelope</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-markdown-fill"></use>
                </svg>
                <div class="name">file-markdown-fill</div>
                <div class="code-name">#iconfile-markdown-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbook"></use>
                </svg>
                <div class="name">book</div>
                <div class="code-name">#iconbook</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-text-fill"></use>
                </svg>
                <div class="name">file-text-fill</div>
                <div class="code-name">#iconfile-text-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfiledone"></use>
                </svg>
                <div class="name">file done</div>
                <div class="code-name">#iconfiledone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-ppt-fill"></use>
                </svg>
                <div class="name">file-ppt-fill</div>
                <div class="code-name">#iconfile-ppt-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreconciliation"></use>
                </svg>
                <div class="name">reconciliation</div>
                <div class="code-name">#iconreconciliation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-unknown-fill"></use>
                </svg>
                <div class="name">file-unknown-fill</div>
                <div class="code-name">#iconfile-unknown-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-exception"></use>
                </svg>
                <div class="name">file -exception</div>
                <div class="code-name">#iconfile-exception</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-word-fill"></use>
                </svg>
                <div class="name">file-word-fill</div>
                <div class="code-name">#iconfile-word-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilesync"></use>
                </svg>
                <div class="name">file sync</div>
                <div class="code-name">#iconfilesync</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-zip-fill"></use>
                </svg>
                <div class="name">file-zip-fill</div>
                <div class="code-name">#iconfile-zip-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilesearch"></use>
                </svg>
                <div class="name">file search</div>
                <div class="code-name">#iconfilesearch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-pdf-fill"></use>
                </svg>
                <div class="name">file-pdf-fill</div>
                <div class="code-name">#iconfile-pdf-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsolution"></use>
                </svg>
                <div class="name">solution</div>
                <div class="code-name">#iconsolution</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-image-fill"></use>
                </svg>
                <div class="name">file-image-fill</div>
                <div class="code-name">#iconfile-image-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfileprotect"></use>
                </svg>
                <div class="name">file protect</div>
                <div class="code-name">#iconfileprotect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiff-fill"></use>
                </svg>
                <div class="name">diff-fill</div>
                <div class="code-name">#icondiff-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-add"></use>
                </svg>
                <div class="name">file-add</div>
                <div class="code-name">#iconfile-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-copy-fill"></use>
                </svg>
                <div class="name">file-copy-fill</div>
                <div class="code-name">#iconfile-copy-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-excel"></use>
                </svg>
                <div class="name">file-excel</div>
                <div class="code-name">#iconfile-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsnippets-fill"></use>
                </svg>
                <div class="name">snippets-fill</div>
                <div class="code-name">#iconsnippets-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-exclamation"></use>
                </svg>
                <div class="name">file-exclamation</div>
                <div class="code-name">#iconfile-exclamation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbatchfolding-fill"></use>
                </svg>
                <div class="name">batch folding-fill</div>
                <div class="code-name">#iconbatchfolding-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-pdf"></use>
                </svg>
                <div class="name">file-pdf</div>
                <div class="code-name">#iconfile-pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreconciliation-fill"></use>
                </svg>
                <div class="name">reconciliation-fill</div>
                <div class="code-name">#iconreconciliation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-image"></use>
                </svg>
                <div class="name">file-image</div>
                <div class="code-name">#iconfile-image</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-add-fill"></use>
                </svg>
                <div class="name">folder-add-fill</div>
                <div class="code-name">#iconfolder-add-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-markdown"></use>
                </svg>
                <div class="name">file-markdown</div>
                <div class="code-name">#iconfile-markdown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-fill"></use>
                </svg>
                <div class="name">folder-fill</div>
                <div class="code-name">#iconfolder-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-unknown"></use>
                </svg>
                <div class="name">file-unknown</div>
                <div class="code-name">#iconfile-unknown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-open-fill"></use>
                </svg>
                <div class="name">folder-open-fill</div>
                <div class="code-name">#iconfolder-open-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-ppt"></use>
                </svg>
                <div class="name">file-ppt</div>
                <div class="code-name">#iconfile-ppt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase-fill"></use>
                </svg>
                <div class="name">database-fill</div>
                <div class="code-name">#icondatabase-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-word"></use>
                </svg>
                <div class="name">file-word</div>
                <div class="code-name">#iconfile-word</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcontainer-fill"></use>
                </svg>
                <div class="name">container-fill</div>
                <div class="code-name">#iconcontainer-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile"></use>
                </svg>
                <div class="name">file</div>
                <div class="code-name">#iconfile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsever-fill"></use>
                </svg>
                <div class="name">sever-fill</div>
                <div class="code-name">#iconsever-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-zip"></use>
                </svg>
                <div class="name">file-zip</div>
                <div class="code-name">#iconfile-zip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendar-check-fill"></use>
                </svg>
                <div class="name">calendar-check-fill</div>
                <div class="code-name">#iconcalendar-check-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-text"></use>
                </svg>
                <div class="name">file-text</div>
                <div class="code-name">#iconfile-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconimage-fill"></use>
                </svg>
                <div class="name">image-fill</div>
                <div class="code-name">#iconimage-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-copy"></use>
                </svg>
                <div class="name">file-copy</div>
                <div class="code-name">#iconfile-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconidcard-fill"></use>
                </svg>
                <div class="name">id card-fill</div>
                <div class="code-name">#iconidcard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsnippets"></use>
                </svg>
                <div class="name">snippets</div>
                <div class="code-name">#iconsnippets</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcreditcard-fill"></use>
                </svg>
                <div class="name">credit card-fill</div>
                <div class="code-name">#iconcreditcard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaudit"></use>
                </svg>
                <div class="name">audit</div>
                <div class="code-name">#iconaudit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfund-fill"></use>
                </svg>
                <div class="name">fund-fill</div>
                <div class="code-name">#iconfund-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiff"></use>
                </svg>
                <div class="name">diff</div>
                <div class="code-name">#icondiff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconread-fill"></use>
                </svg>
                <div class="name">read-fill</div>
                <div class="code-name">#iconread-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconBatchfolding"></use>
                </svg>
                <div class="name">Batch folding</div>
                <div class="code-name">#iconBatchfolding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcontacts-fill"></use>
                </svg>
                <div class="name">contacts-fill</div>
                <div class="code-name">#iconcontacts-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsecurityscan"></use>
                </svg>
                <div class="name">security scan</div>
                <div class="code-name">#iconsecurityscan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondelete-fill"></use>
                </svg>
                <div class="name">delete-fill</div>
                <div class="code-name">#icondelete-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpropertysafety"></use>
                </svg>
                <div class="name">property safety</div>
                <div class="code-name">#iconpropertysafety</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnotification-fill"></use>
                </svg>
                <div class="name">notification-fill</div>
                <div class="code-name">#iconnotification-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsafetycertificate"></use>
                </svg>
                <div class="name">safety certificate</div>
                <div class="code-name">#iconsafetycertificate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag-fill"></use>
                </svg>
                <div class="name">flag-fill</div>
                <div class="code-name">#iconflag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinsurance"></use>
                </svg>
                <div class="name">insurance </div>
                <div class="code-name">#iconinsurance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmoneycollect-fill"></use>
                </svg>
                <div class="name">money collect-fill</div>
                <div class="code-name">#iconmoneycollect-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalert"></use>
                </svg>
                <div class="name">alert</div>
                <div class="code-name">#iconalert</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmedicinebox-fill"></use>
                </svg>
                <div class="name">medicine box-fill</div>
                <div class="code-name">#iconmedicinebox-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondelete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#icondelete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrest-fill"></use>
                </svg>
                <div class="name">rest-fill</div>
                <div class="code-name">#iconrest-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhourglass"></use>
                </svg>
                <div class="name">hourglass</div>
                <div class="code-name">#iconhourglass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshopping-fill"></use>
                </svg>
                <div class="name">shopping-fill</div>
                <div class="code-name">#iconshopping-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbulb"></use>
                </svg>
                <div class="name">bulb</div>
                <div class="code-name">#iconbulb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconskin-fill"></use>
                </svg>
                <div class="name">skin-fill</div>
                <div class="code-name">#iconskin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexperiment"></use>
                </svg>
                <div class="name">experiment</div>
                <div class="code-name">#iconexperiment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvideo-fill"></use>
                </svg>
                <div class="name">video-fill</div>
                <div class="code-name">#iconvideo-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbell"></use>
                </svg>
                <div class="name">bell</div>
                <div class="code-name">#iconbell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsound-fill"></use>
                </svg>
                <div class="name">sound-fill</div>
                <div class="code-name">#iconsound-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrophy"></use>
                </svg>
                <div class="name">trophy</div>
                <div class="code-name">#icontrophy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbulb-fill"></use>
                </svg>
                <div class="name">bulb-fill</div>
                <div class="code-name">#iconbulb-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrest"></use>
                </svg>
                <div class="name">rest</div>
                <div class="code-name">#iconrest</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbell-fill"></use>
                </svg>
                <div class="name">bell-fill</div>
                <div class="code-name">#iconbell-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconUSB"></use>
                </svg>
                <div class="name">USB</div>
                <div class="code-name">#iconUSB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilter-fill"></use>
                </svg>
                <div class="name">filter-fill</div>
                <div class="code-name">#iconfilter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconskin"></use>
                </svg>
                <div class="name">skin</div>
                <div class="code-name">#iconskin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfire-fill"></use>
                </svg>
                <div class="name">fire-fill</div>
                <div class="code-name">#iconfire-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhome"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#iconhome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfunnelplot-fill"></use>
                </svg>
                <div class="name">funnel plot-fill</div>
                <div class="code-name">#iconfunnelplot-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbank"></use>
                </svg>
                <div class="name">bank</div>
                <div class="code-name">#iconbank</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongift-fill"></use>
                </svg>
                <div class="name">gift-fill</div>
                <div class="code-name">#icongift-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilter"></use>
                </svg>
                <div class="name">filter</div>
                <div class="code-name">#iconfilter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhourglass-fill"></use>
                </svg>
                <div class="name">hourglass-fill</div>
                <div class="code-name">#iconhourglass-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfunnelplot"></use>
                </svg>
                <div class="name">funnel plot</div>
                <div class="code-name">#iconfunnelplot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhome-fill"></use>
                </svg>
                <div class="name">home-fill</div>
                <div class="code-name">#iconhome-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlike"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#iconlike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrophy-fill"></use>
                </svg>
                <div class="name">trophy-fill</div>
                <div class="code-name">#icontrophy-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlike"></use>
                </svg>
                <div class="name">unlike</div>
                <div class="code-name">#iconunlike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlocation-fill"></use>
                </svg>
                <div class="name">location-fill</div>
                <div class="code-name">#iconlocation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#iconunlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-fill"></use>
                </svg>
                <div class="name">cloud-fill</div>
                <div class="code-name">#iconcloud-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlock"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#iconlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcustomerservice-fill"></use>
                </svg>
                <div class="name">customerservice-fill</div>
                <div class="code-name">#iconcustomerservice-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcustomerservice"></use>
                </svg>
                <div class="name">customerservice</div>
                <div class="code-name">#iconcustomerservice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexperiment-fill"></use>
                </svg>
                <div class="name">experiment-fill</div>
                <div class="code-name">#iconexperiment-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag"></use>
                </svg>
                <div class="name">flag</div>
                <div class="code-name">#iconflag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye-fill"></use>
                </svg>
                <div class="name">eye-fill</div>
                <div class="code-name">#iconeye-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmoneycollect"></use>
                </svg>
                <div class="name">money collect</div>
                <div class="code-name">#iconmoneycollect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlike-fill"></use>
                </svg>
                <div class="name">like-fill</div>
                <div class="code-name">#iconlike-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmedicinebox"></use>
                </svg>
                <div class="name">medicinebox</div>
                <div class="code-name">#iconmedicinebox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlock-fill"></use>
                </svg>
                <div class="name">lock-fill</div>
                <div class="code-name">#iconlock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshop"></use>
                </svg>
                <div class="name">shop</div>
                <div class="code-name">#iconshop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlike-fill"></use>
                </svg>
                <div class="name">unlike-fill</div>
                <div class="code-name">#iconunlike-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrocket"></use>
                </svg>
                <div class="name">rocket</div>
                <div class="code-name">#iconrocket</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstar-fill"></use>
                </svg>
                <div class="name">star-fill</div>
                <div class="code-name">#iconstar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshopping"></use>
                </svg>
                <div class="name">shopping</div>
                <div class="code-name">#iconshopping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock-fill"></use>
                </svg>
                <div class="name">unlock-fill</div>
                <div class="code-name">#iconunlock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#iconfolder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalert-fill"></use>
                </svg>
                <div class="name">alert-fill</div>
                <div class="code-name">#iconalert-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-open"></use>
                </svg>
                <div class="name">folder-open</div>
                <div class="code-name">#iconfolder-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconapi-fill"></use>
                </svg>
                <div class="name">api-fill</div>
                <div class="code-name">#iconapi-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-add"></use>
                </svg>
                <div class="name">folder-add</div>
                <div class="code-name">#iconfolder-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhighlight-fill"></use>
                </svg>
                <div class="name">highlight-fill</div>
                <div class="code-name">#iconhighlight-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondeploymentunit"></use>
                </svg>
                <div class="name">deployment unit</div>
                <div class="code-name">#icondeploymentunit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-fill"></use>
                </svg>
                <div class="name">phone-fill</div>
                <div class="code-name">#iconphone-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccountbook"></use>
                </svg>
                <div class="name">account book</div>
                <div class="code-name">#iconaccountbook</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit-fill"></use>
                </svg>
                <div class="name">edit-fill</div>
                <div class="code-name">#iconedit-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcontacts"></use>
                </svg>
                <div class="name">contacts</div>
                <div class="code-name">#iconcontacts</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpushpin-fill"></use>
                </svg>
                <div class="name">pushpin-fill</div>
                <div class="code-name">#iconpushpin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcarryout"></use>
                </svg>
                <div class="name">carry out</div>
                <div class="code-name">#iconcarryout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrocket-fill"></use>
                </svg>
                <div class="name">rocket-fill</div>
                <div class="code-name">#iconrocket-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendar-check"></use>
                </svg>
                <div class="name">calendar-check</div>
                <div class="code-name">#iconcalendar-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconthunderbolt-fill"></use>
                </svg>
                <div class="name">thunderbolt-fill</div>
                <div class="code-name">#iconthunderbolt-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendar"></use>
                </svg>
                <div class="name">calendar</div>
                <div class="code-name">#iconcalendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontag-fill"></use>
                </svg>
                <div class="name">tag-fill</div>
                <div class="code-name">#icontag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscan"></use>
                </svg>
                <div class="name">scan</div>
                <div class="code-name">#iconscan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwrench-fill"></use>
                </svg>
                <div class="name">wrench-fill</div>
                <div class="code-name">#iconwrench-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconselect"></use>
                </svg>
                <div class="name">select</div>
                <div class="code-name">#iconselect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontags-fill"></use>
                </svg>
                <div class="name">tags-fill</div>
                <div class="code-name">#icontags-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconboxplot"></use>
                </svg>
                <div class="name">box plot</div>
                <div class="code-name">#iconboxplot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbank-fill"></use>
                </svg>
                <div class="name">bank-fill</div>
                <div class="code-name">#iconbank-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbuild"></use>
                </svg>
                <div class="name">build</div>
                <div class="code-name">#iconbuild</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcamera-fill"></use>
                </svg>
                <div class="name">camera-fill</div>
                <div class="code-name">#iconcamera-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsliders"></use>
                </svg>
                <div class="name">sliders</div>
                <div class="code-name">#iconsliders</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerror-fill"></use>
                </svg>
                <div class="name">error-fill</div>
                <div class="code-name">#iconerror-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlaptop"></use>
                </svg>
                <div class="name">laptop</div>
                <div class="code-name">#iconlaptop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcrown-fill"></use>
                </svg>
                <div class="name">crown-fill</div>
                <div class="code-name">#iconcrown-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbarcode"></use>
                </svg>
                <div class="name">barcode</div>
                <div class="code-name">#iconbarcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail-fill"></use>
                </svg>
                <div class="name">mail-fill</div>
                <div class="code-name">#iconmail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcamera"></use>
                </svg>
                <div class="name">camera</div>
                <div class="code-name">#iconcamera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcar-fill"></use>
                </svg>
                <div class="name">car-fill</div>
                <div class="code-name">#iconcar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcluster"></use>
                </svg>
                <div class="name">cluster</div>
                <div class="code-name">#iconcluster</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprinter-fill"></use>
                </svg>
                <div class="name">printer-fill</div>
                <div class="code-name">#iconprinter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongateway"></use>
                </svg>
                <div class="name">gateway</div>
                <div class="code-name">#icongateway</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshop-fill"></use>
                </svg>
                <div class="name">shop-fill</div>
                <div class="code-name">#iconshop-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcar"></use>
                </svg>
                <div class="name">car</div>
                <div class="code-name">#iconcar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsetting-fill"></use>
                </svg>
                <div class="name">setting-fill</div>
                <div class="code-name">#iconsetting-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprinter"></use>
                </svg>
                <div class="name">printer</div>
                <div class="code-name">#iconprinter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconUSB-fill"></use>
                </svg>
                <div class="name">USB-fill</div>
                <div class="code-name">#iconUSB-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconread"></use>
                </svg>
                <div class="name">read</div>
                <div class="code-name">#iconread</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongolden-fill"></use>
                </svg>
                <div class="name">golden-fill</div>
                <div class="code-name">#icongolden-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-server"></use>
                </svg>
                <div class="name">cloud-server</div>
                <div class="code-name">#iconcloud-server</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbuild-fill"></use>
                </svg>
                <div class="name">build-fill</div>
                <div class="code-name">#iconbuild-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-upload"></use>
                </svg>
                <div class="name">cloud-upload</div>
                <div class="code-name">#iconcloud-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconboxplot-fill"></use>
                </svg>
                <div class="name">box plot-fill</div>
                <div class="code-name">#iconboxplot-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud"></use>
                </svg>
                <div class="name">cloud</div>
                <div class="code-name">#iconcloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsliders-fill"></use>
                </svg>
                <div class="name">sliders-fill</div>
                <div class="code-name">#iconsliders-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-download"></use>
                </svg>
                <div class="name">cloud-download</div>
                <div class="code-name">#iconcloud-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalibaba"></use>
                </svg>
                <div class="name">alibaba</div>
                <div class="code-name">#iconalibaba</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-sync"></use>
                </svg>
                <div class="name">cloud-sync</div>
                <div class="code-name">#iconcloud-sync</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalibabacloud"></use>
                </svg>
                <div class="name">alibabacloud</div>
                <div class="code-name">#iconalibabacloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvideo"></use>
                </svg>
                <div class="name">video</div>
                <div class="code-name">#iconvideo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconantdesign"></use>
                </svg>
                <div class="name">ant design</div>
                <div class="code-name">#iconantdesign</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnotification"></use>
                </svg>
                <div class="name">notification</div>
                <div class="code-name">#iconnotification</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconant-cloud"></use>
                </svg>
                <div class="name">ant-cloud</div>
                <div class="code-name">#iconant-cloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsound"></use>
                </svg>
                <div class="name">sound</div>
                <div class="code-name">#iconsound</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbehance"></use>
                </svg>
                <div class="name">behance</div>
                <div class="code-name">#iconbehance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconradarchart"></use>
                </svg>
                <div class="name">radar chart</div>
                <div class="code-name">#iconradarchart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongoogleplus"></use>
                </svg>
                <div class="name">google plus</div>
                <div class="code-name">#icongoogleplus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqrcode"></use>
                </svg>
                <div class="name">qrcode</div>
                <div class="code-name">#iconqrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmedium"></use>
                </svg>
                <div class="name">medium</div>
                <div class="code-name">#iconmedium</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfund"></use>
                </svg>
                <div class="name">fund</div>
                <div class="code-name">#iconfund</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongoogle"></use>
                </svg>
                <div class="name">google</div>
                <div class="code-name">#icongoogle</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
